@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary:#5f259f;--primary-hover:#4e1f85;--primary-light:#7c3aed;--primary-dim:#5f259f14;--primary-subtle:#5f259f17;--primary-border:#5f259f40;--primary-glow:#5f259f33;--coral:#ff4722;--coral-hover:#e03613;--coral-dim:#ff472214;--coral-subtle:#ff47221f;--coral-tint:#fff2ef;--purple-tint:#f5f3ff;--primary-gradient:linear-gradient(135deg, #5f259f 0%, #ff4722 100%);--coral-gradient:linear-gradient(135deg, #ff4722 0%, #ff7a45 100%);--purple-gradient:linear-gradient(135deg, #4a154b 0%, #5f259f 100%);--hero-gradient:linear-gradient(145deg, #5f259f 0%, #7c3aed 45%, #ff4722 100%);--accent-green:#10b981;--accent-red:#ef4444;--accent-amber:#f59e0b;--accent-blue:#3b82f6;--sidebar-width:260px;--font-family:"Outfit", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--radius-xs:6px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px}.light{--bg-color:#f4f6fc;--bg-secondary:#eef1f8;--bg-card:#fff;--bg-glass:#ffffffb3;--text-main:#0a2240;--text-secondary:#363848;--text-dim:#64748b;--border:#e2e8f0;--border-strong:#cbd5e1;--shadow-sm:0 1px 3px #0a22400d, 0 1px 2px #0a224008;--shadow:0 4px 20px -2px #0a224012, 0 2px 6px -1px #0a22400a;--shadow-card:0 8px 30px -4px #5f259f1a, 0 4px 12px -2px #5f259f0f;--shadow-lg:0 16px 40px -6px #0a22401f;--shadow-xl:0 24px 60px -8px #0a224029;--shadow-primary:0 6px 24px #5f259f4d;--shadow-coral:0 6px 24px #ff47224d;--sidebar-bg:#fff;--sidebar-border:#e2e8f0}.dark{--bg-color:#08060f;--bg-secondary:#110e1c;--bg-card:#19162a;--bg-glass:#19162acc;--text-main:#f4f6fc;--text-secondary:#cbd5e1;--text-dim:#8896a9;--border:#ffffff12;--border-strong:#ffffff24;--shadow-sm:0 1px 4px #00000059;--shadow:0 4px 20px -2px #00000073;--shadow-card:0 10px 30px -5px #0000008c;--shadow-lg:0 20px 50px -10px #000000a6;--shadow-xl:0 30px 70px -12px #000000bf;--shadow-primary:0 6px 24px #5f259f73;--shadow-coral:0 6px 24px #ff472273;--sidebar-bg:#110e1c;--sidebar-border:#ffffff12}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow:hidden}.dashboard-layout{background-color:var(--bg-color);width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{background-color:var(--bg-color);transition:var(--transition);flex:1;padding:1.75rem 2rem;position:relative;overflow-y:auto}.main-content:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#5f259f0a 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}.main-content>*{z-index:1;position:relative}@media (width<=768px){.main-content{padding:5rem 1rem 2rem}}.card{background:var(--bg-card);border:1px solid var(--border);transition:var(--transition);box-shadow:var(--shadow);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden}.card:before{content:"";background:var(--primary-gradient);opacity:0;border-radius:16px 16px 0 0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-card);transform:translateY(-2px)}.card:hover:before{opacity:1}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);border:1px solid #ffffff26;border-radius:16px;padding:1.5rem}h1,h2,h3,h4{color:var(--text-main);letter-spacing:-.02em;margin-bottom:.5rem;font-weight:700}.text-dim{color:var(--text-dim);font-size:.9rem}.text-gradient{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}input,select,textarea{transition:var(--transition);font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #5f259f1f;border-color:var(--primary)!important}.btn{cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.62rem 1.25rem;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:var(--transition-fast);border-radius:inherit;background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff14}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary-gradient);box-shadow:0 4px 14px #5f259f4d;color:#fff!important}.btn-primary:hover{filter:brightness(1.08);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-coral{background:var(--coral-gradient);box-shadow:0 4px 14px #ff472247;color:#fff!important}.btn-coral:hover{filter:brightness(1.08);box-shadow:var(--shadow-coral);transform:translateY(-1px)}.btn-coral:active{transform:translateY(0)}.btn-outline{border:1px solid var(--border);color:var(--text-main);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}.btn-ghost{color:var(--text-dim);background:0 0;border:none}.btn-ghost:hover{background:var(--primary-dim);color:var(--primary)}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;padding:1rem;font-size:.8rem;font-weight:600}td{border-bottom:1px solid var(--border);padding:1rem;font-size:.92rem;transition:background .15s}tr:last-child td{border-bottom:none}tr:hover td{background:#5f259f06}.badge{letter-spacing:.02em;border-radius:20px;align-items:center;gap:.3rem;padding:.28rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-primary{background:var(--purple-tint);color:var(--primary);border:1px solid var(--primary-border)}.badge-coral{background:var(--coral-tint);color:var(--coral);border:1px solid #ff472240}.badge-success{color:var(--accent-green);background:#10b9811a;border:1px solid #10b98140}.badge-warning{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b40}.badge-danger{color:var(--accent-red);background:#ef44441a;border:1px solid #ef444440}.badge-neutral{color:var(--text-dim);border:1px solid var(--border);background:#64748b1a}.stat-card{background:var(--bg-card);border:1px solid var(--border);transition:var(--transition);box-shadow:var(--shadow);cursor:default;border-radius:16px;padding:1.5rem}.stat-card:hover{box-shadow:var(--shadow-card);border-color:var(--primary-border);transform:translateY(-3px)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.page-title{letter-spacing:-.03em;margin:0;font-size:1.6rem;font-weight:800}.page-subtitle{color:var(--text-dim);margin-top:.2rem;font-size:.88rem;font-weight:400}.divider{background:var(--border);width:100%;height:1px;margin:1.5rem 0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong,#cbd5e1);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #5f259f4d}50%{box-shadow:0 0 0 8px #5f259f00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--border-strong) 50%, var(--border) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s infinite shimmer}.auth-container{background:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:2rem 1rem;display:flex;position:relative;overflow:hidden auto}.auth-card{background:var(--bg-card);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-xl);z-index:1;-webkit-overflow-scrolling:touch;border-radius:24px;max-height:calc(100vh - 3rem);margin:auto 0;padding:2.25rem 2rem;overflow-y:auto}.auth-card::-webkit-scrollbar{width:6px}.auth-card::-webkit-scrollbar-track{background:0 0}.auth-card::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.auth-card::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.auth-grid-2col{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width<=600px){.auth-container{padding:1rem .75rem}.auth-card{border-radius:20px;max-height:calc(100vh - 1.5rem);padding:1.5rem 1.15rem}.auth-grid-2col{grid-template-columns:1fr;gap:.75rem}}.nav-link{color:var(--text-dim);transition:var(--transition);border-radius:10px;align-items:center;gap:.85rem;margin-bottom:.2rem;padding:.72rem .9rem;font-size:.88rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-link:before{content:"";background:var(--primary-gradient);opacity:0;width:3px;transition:var(--transition);border-radius:0 3px 3px 0;position:absolute;top:0;bottom:0;left:0;transform:scaleY(.4)}.nav-link:hover{background:var(--primary-dim);color:var(--primary)}.nav-link.active{color:var(--primary);background:linear-gradient(90deg,#5f259f1a 0%,#ff47220a 100%);font-weight:700}.nav-link.active:before{opacity:1;transform:scaleY(1)}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.02em;font-size:.82rem;font-weight:600}.form-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);background:var(--bg-card);transition:var(--transition);width:100%;padding:.7rem 1rem;font-family:inherit;font-size:.92rem}.form-input:focus{outline:none;box-shadow:0 0 0 3px #5f259f1a;border-color:var(--primary)!important}.empty-state{text-align:center;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 2rem;display:flex}.empty-state-icon{background:var(--primary-dim);width:52px;height:52px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#f8fafc;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;background:#1e1e2e;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)scale(.95)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)scale(1)}.progress-bar{background:var(--border);border-radius:99px;height:6px;overflow:hidden}.progress-fill{background:var(--primary-gradient);border-radius:99px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}@media print{@page{size:80mm auto;margin:0}html,body{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:80mm!important;min-width:80mm!important;max-width:80mm!important;margin:0!important;padding:0!important;overflow:visible!important}body *{visibility:hidden!important}#pos-printable-slip,#pos-printable-slip *{visibility:visible!important}#pos-printable-slip{color:#000!important;width:76mm!important;max-width:76mm!important;box-shadow:none!important;z-index:999999!important;background:#fff!important;border:none!important;margin:0 auto!important;padding:3mm 2mm!important;font-family:Courier New,Courier,monospace!important;font-size:11px!important;line-height:1.35!important;display:block!important;position:fixed!important;top:0!important;left:0!important}.no-print,.no-print *{visibility:hidden!important;border:none!important;height:0!important;margin:0!important;padding:0!important;display:none!important}}