:root{--color-bg:#0b0f1a;--color-bg-2:#111827;--color-bg-3:#1a2235;--color-surface:#1e2d3d;--color-surface-2:#253347;--color-border:#ffffff14;--color-border-2:#ffffff24;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#3b82f626;--color-secondary:#8b5cf6;--color-accent:#06b6d4;--color-success:#10b981;--color-success-light:#10b98126;--color-warning:#f59e0b;--color-warning-light:#f59e0b26;--color-danger:#ef4444;--color-danger-light:#ef444426;--color-info:#06b6d4;--color-info-light:#06b6d426;--color-text:#f1f5f9;--color-text-2:#94a3b8;--color-text-3:#64748b}[data-theme=light]{--color-bg:#f8fafc;--color-bg-2:#fff;--color-bg-3:#f1f5f9;--color-surface:#fff;--color-surface-2:#f8fafc;--color-border:#0000001a;--color-border-2:#00000026;--color-text:#0f172a;--color-text-2:#334155;--color-text-3:#64748b}:root{--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius:.625rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow-primary:0 0 24px #3b82f64d;--transition-fast:.15s ease;--transition:.25s ease;--transition-slow:.4s ease;--sidebar-width:240px;--topbar-height:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--fw-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1{font-size:var(--text-3xl);font-weight:var(--fw-extrabold);line-height:1.2}h2{font-size:var(--text-2xl);font-weight:var(--fw-bold);line-height:1.3}h3{font-size:var(--text-xl);font-weight:var(--fw-semibold)}h4{font-size:var(--text-lg);font-weight:var(--fw-semibold)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--fw-semibold);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:#fff;position:absolute;inset:0}.btn:hover:after{opacity:.06}.btn:active:after{opacity:.12}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:#fff;box-shadow:0 2px 12px #3b82f659}.btn-primary:hover{box-shadow:var(--shadow-glow-primary);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-2)}.btn-secondary:hover{background:var(--color-surface-2);border-color:var(--color-primary)}.btn-success{background:linear-gradient(135deg, var(--color-success), #059669);color:#fff;box-shadow:0 2px 12px #10b98159}.btn-success:hover{transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg, var(--color-danger), #dc2626);color:#fff}.btn-danger:hover{transform:translateY(-1px)}.btn-ghost{color:var(--color-text-2);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--color-text);background:var(--color-surface)}.btn-warning{background:linear-gradient(135deg, var(--color-warning), #d97706);color:#fff}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-lg)}.btn-icon{padding:var(--space-2);aspect-ratio:1;border-radius:var(--radius);justify-content:center}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-text-2)}.form-label.required:after{content:" *";color:var(--color-danger)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-3);border:1px solid var(--color-border-2);border-radius:var(--radius);color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-3)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-select{cursor:pointer}.form-textarea{resize:vertical;min-height:100px}.form-hint{font-size:var(--text-xs);color:var(--color-text-3)}.form-error{font-size:var(--text-xs);color:var(--color-danger)}.input-group{align-items:center;display:flex;position:relative}.input-prefix,.input-suffix{color:var(--color-text-3);font-size:var(--text-sm);pointer-events:none;position:absolute}.input-prefix{left:var(--space-4)}.input-suffix{right:var(--space-4)}.has-prefix .form-input{padding-left:2.5rem}.has-suffix .form-input{padding-right:2.5rem}.card{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.card-hover:hover{border-color:var(--color-border-2);box-shadow:var(--shadow)}.card-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-lg);font-weight:var(--fw-semibold)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;display:inline-flex}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-info{background:var(--color-info-light);color:var(--color-info)}.badge-neutral{color:var(--color-text-2);background:#94a3b81f}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--color-border);max-width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--color-text-3);text-transform:uppercase;letter-spacing:.06em;background:var(--color-bg-3);border-bottom:1px solid var(--color-border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-bg-3)}.table tbody tr:last-child td{border-bottom:none}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-4);animation:fadeIn var(--transition-fast);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-2);border:1px solid var(--color-border-2);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-xl);animation:slideUp var(--transition);overflow-y:auto}.modal-sm{max-width:420px}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.modal-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-xl);font-weight:var(--fw-bold)}.modal-close{border-radius:var(--radius);width:36px;height:36px;color:var(--color-text-2);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-surface);color:var(--color-text)}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-border);display:flex}.stat-card{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-fast);position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--card-accent,var(--color-primary));height:3px;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--color-border-2);box-shadow:var(--shadow);transform:translateY(-2px)}.stat-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-3);margin-bottom:var(--space-2)}.stat-value{font-size:var(--text-2xl);font-weight:var(--fw-extrabold);margin-bottom:var(--space-2);white-space:nowrap;text-overflow:ellipsis;padding-right:40px;line-height:1.2;overflow:hidden}.stat-sub{font-size:var(--text-sm);color:var(--color-text-2)}.stat-icon{top:var(--space-6);right:var(--space-6);border-radius:var(--radius);background:var(--card-accent-light,var(--color-primary-light));width:36px;height:36px;color:var(--card-accent,var(--color-primary));justify-content:center;align-items:center;display:flex;position:absolute}.search-bar{align-items:center;display:flex;position:relative}.search-icon{left:var(--space-4);color:var(--color-text-3);pointer-events:none;position:absolute}.search-bar .form-input{padding-left:2.5rem}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;color:var(--color-text-3);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state svg{opacity:.3}.empty-state h3{color:var(--color-text-2);font-size:var(--text-lg)}.empty-state p{font-size:var(--text-sm);max-width:360px}.spinner{border:2px solid var(--color-border-2);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin;display:inline-block}.spinner-lg{border-width:3px;width:48px;height:48px}.loading-overlay{z-index:9999;background:var(--color-bg);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex;position:fixed;inset:0}.divider{background:var(--color-border);height:1px;margin:var(--space-6) 0}.tab-bar{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filter-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:nowrap;display:flex}.filter-bar .search-bar{flex:1;min-width:180px}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex-1{flex:1}.text-right{text-align:right}.text-center{text-align:center}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.font-mono{font-family:var(--font-mono)}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.animate-fadeIn{animation:fadeIn var(--transition)}.animate-slideUp{animation:slideUp var(--transition)}.animate-pulse{animation:2s infinite pulse}.skeleton{background:linear-gradient(90deg, var(--color-bg-3) 25%, var(--color-surface) 50%, var(--color-bg-3) 75%);border-radius:var(--radius);background-size:400px 100%;animation:1.4s infinite shimmer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-3)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--color-surface-2);color:var(--color-text);font-size:var(--text-xs);white-space:nowrap;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);box-shadow:var(--shadow);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hide-mobile{display:none!important}.stack-mobile{align-items:stretch!important;gap:var(--space-3)!important;flex-direction:column!important}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}.modal{padding:var(--space-5);border-radius:var(--radius-lg)}.page-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.page-header-actions{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));width:100%;display:grid}.page-header-actions .btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-2);white-space:nowrap;text-overflow:ellipsis;justify-content:center;overflow:hidden}.filter-bar{flex-wrap:wrap;align-items:stretch}.filter-bar .search-bar{min-width:unset;width:100%}.filter-bar .form-select{width:100%}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.table th,.table td{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);white-space:nowrap}.table-col-optional{display:none}.stat-value{font-size:var(--text-xl)}}@media (width>=769px){.hide-desktop{display:none!important}}@media print{@page{size:80mm auto;margin:2mm}body{font-family:Courier New,monospace;font-size:10px;color:#000!important;background:#fff!important}.no-print{display:none!important}.print-only{display:block!important}.sidebar,.topbar,.btn{display:none!important}}.print-only{display:none}.layout{background:var(--color-bg);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-bg-2);border-right:1px solid var(--color-border);z-index:100;min-height:100vh;transition:width var(--transition), transform var(--transition);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar-collapsed{width:64px}.sidebar-collapsed .sidebar-logo-text,.sidebar-collapsed .sidebar-profile-info,.sidebar-collapsed .sidebar-link-text,.sidebar-collapsed .sidebar-link-arrow{opacity:0;width:0;display:none}.sidebar-collapsed .sidebar-logo{padding:var(--space-5) 12px}.sidebar-collapsed .sidebar-profile{padding:var(--space-4) 14px}.sidebar-collapsed .sidebar-link{padding:var(--space-3) 0;justify-content:center}.sidebar-collapsed .sidebar-link svg{margin:0}.sidebar-mobile{z-index:500;width:min(var(--sidebar-width), 85vw);box-shadow:var(--shadow-xl);animation:slideIn var(--transition);position:fixed;top:0;bottom:0;left:0}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:499;animation:fadeIn var(--transition-fast);background:#0009;position:fixed;inset:0}.sidebar-logo{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));border-radius:var(--radius);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #3b82f659}.sidebar-logo-text{font-size:var(--text-lg);font-weight:var(--fw-extrabold);letter-spacing:2px;background:linear-gradient(135deg, #fff, var(--color-text-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex:1}.sidebar-close{margin-left:auto}.sidebar-profile{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);display:flex}.sidebar-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;width:36px;height:36px;font-size:var(--text-sm);font-weight:var(--fw-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-avatar-sm{width:30px;height:30px;font-size:var(--text-xs)}.sidebar-profile-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sidebar-profile-name{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-text)}.sidebar-nav{padding:var(--space-3) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius);color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--fw-medium);text-align:left;width:100%;transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--color-text);background:var(--color-bg-3)}.sidebar-link.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:var(--fw-semibold)}.sidebar-link.active svg{color:var(--color-primary)}.sidebar-link-arrow{opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);margin-left:auto}.sidebar-link:hover .sidebar-link-arrow{opacity:.5}.sidebar-link.active .sidebar-link-arrow{opacity:1;transform:translate(2px)}.sidebar-footer{padding:var(--space-3) var(--space-3) var(--space-5);border-top:1px solid var(--color-border)}.sidebar-logout{color:var(--color-text-3)}.sidebar-logout:hover{color:var(--color-danger);background:var(--color-danger-light)}.badge-sm{padding:1px 8px;font-size:10px}.topbar{height:var(--topbar-height);background:var(--color-bg-2);border-bottom:1px solid var(--color-border);padding:0 var(--space-6);align-items:center;gap:var(--space-4);z-index:50;display:flex;position:sticky;top:0}.topbar-menu{margin-right:var(--space-2)}.topbar-title{font-weight:var(--fw-semibold);color:var(--color-text-2);flex:1}.topbar-right{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.topbar-user{align-items:center;gap:var(--space-2);display:flex}.topbar-username{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-text-2)}.layout-main{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition);flex-direction:column;flex:1;display:flex}.layout-main-collapsed{margin-left:64px}.layout-content{padding:var(--space-8);flex:1;width:100%;min-width:0;max-width:1400px;margin:0 auto;overflow-x:clip}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header-left{gap:var(--space-1);flex-direction:column;display:flex}.page-title{font-size:var(--text-2xl);font-weight:var(--fw-extrabold)}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-3)}.page-header-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=768px){.sidebar:not(.sidebar-mobile){display:none}.layout-main{margin-left:0}.layout-content{padding:var(--space-3) var(--space-3) var(--space-8)}.page-header{margin-bottom:var(--space-4)}.topbar{padding:0 var(--space-3)}.page-title{font-size:var(--text-xl)}.page-subtitle{font-size:var(--text-xs)}}.login-page{background:var(--color-bg);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.login-orb{filter:blur(80px);border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.login-orb-1{background:radial-gradient(circle,#3b82f633,#0000 70%);width:500px;height:500px;animation-delay:0s;top:-200px;left:-200px}.login-orb-2{background:radial-gradient(circle,#8b5cf626,#0000 70%);width:400px;height:400px;animation-delay:-3s;bottom:-150px;right:-100px}.login-orb-3{background:radial-gradient(circle,#06b6d41f,#0000 70%);width:300px;height:300px;animation-delay:-6s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translateY(0)scale(1)}33%{transform:translateY(-30px)scale(1.05)}66%{transform:translateY(20px)scale(.97)}}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-10) var(--space-8);box-shadow:var(--shadow-xl), 0 0 80px #3b82f61a;background:#111827d9;border:1px solid #ffffff1a;position:relative}.login-logo{text-align:center;margin-bottom:var(--space-8)}.login-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;animation:3s ease-in-out infinite iconPulse;display:flex;box-shadow:0 8px 24px #3b82f666}@keyframes iconPulse{0%,to{box-shadow:0 8px 24px #3b82f666}50%{box-shadow:0 8px 32px #3b82f6b3}}.login-title{font-size:var(--text-3xl);font-weight:var(--fw-extrabold);background:linear-gradient(135deg, #fff, var(--color-text-2));-webkit-text-fill-color:transparent;letter-spacing:3px;margin-bottom:var(--space-1);-webkit-background-clip:text;background-clip:text}.login-subtitle{font-size:var(--text-sm);color:var(--color-text-3);font-weight:var(--fw-medium)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-erro{align-items:center;gap:var(--space-2);background:var(--color-danger-light);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger);border:1px solid #ef44444d;display:flex}.login-footer{text-align:center;font-size:var(--text-xs);color:var(--color-text-3);margin-top:var(--space-6)}@media (width<=480px){.login-card{padding:var(--space-8) var(--space-5)}}.dashboard{gap:var(--space-8);flex-direction:column;display:flex}.dashboard-kpis{gap:var(--space-4);margin-bottom:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.dashboard-row{gap:var(--space-6);grid-template-columns:1fr 360px;align-items:start;display:grid}.dashboard-row>*{min-width:0}.dashboard-alerts .card-title{align-items:center;gap:var(--space-2);display:flex}.alerts-list{gap:var(--space-2);flex-direction:column;display:flex}.alert-item{padding:var(--space-3) var(--space-3);background:var(--color-bg-3);border-radius:var(--radius);transition:background var(--transition-fast);border:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.alert-item:hover{background:var(--color-surface)}.alert-info{flex-direction:column;gap:2px;min-width:0;display:flex}.alert-name{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.alert-codigo{font-size:var(--text-xs);color:var(--color-text-3);font-family:var(--font-mono)}.alert-estoque{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.alert-min{font-size:var(--text-xs);color:var(--color-text-3)}.dashboard-quick{margin-top:var(--space-2)}.dashboard-section-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4)}.quick-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.quick-card{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;cursor:pointer;transition:all var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.quick-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-2);transform:translateY(-3px)}.quick-icon{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--qcolor) 15%, transparent);width:52px;height:52px;color:var(--qcolor);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.quick-card:hover .quick-icon{transform:scale(1.1)}.quick-label{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-text-2)}@media (width<=1024px){.dashboard-row{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-kpis{grid-template-columns:repeat(2,1fr);min-width:0}.dashboard-kpis>*{min-width:0}.quick-grid{grid-template-columns:repeat(2,1fr)}.dashboard-row{min-width:0}.dashboard-chart-header{align-items:flex-start;gap:var(--space-2);flex-direction:column}.dashboard-chart-periods{flex-wrap:wrap}}@media (width<=480px){.dashboard-kpis{grid-template-columns:1fr}}.pdv{gap:var(--space-6);height:calc(100vh - var(--topbar-height) - var(--space-16));grid-template-columns:1fr 380px;min-height:0;display:grid}.pdv-left{gap:var(--space-4);flex-direction:column;min-height:0;display:flex}.pdv-header{justify-content:space-between;align-items:center;display:flex}.pdv-title{font-size:var(--text-2xl);font-weight:var(--fw-extrabold)}.pdv-busca{gap:var(--space-3);display:flex}.pdv-resultados{background:var(--color-bg-2);border:1px solid var(--color-border-2);border-radius:var(--radius-lg);max-height:280px;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-fast);flex-shrink:0;overflow:hidden auto}.pdv-resultado-loading{padding:var(--space-4);justify-content:center;display:flex}.pdv-resultado-item{padding:var(--space-3) var(--space-4);border:none;border-bottom:1px solid var(--color-border);text-align:left;cursor:pointer;width:100%;transition:background var(--transition-fast);justify-content:space-between;align-items:center;gap:var(--space-4);background:0 0;display:flex}.pdv-resultado-item:last-child{border-bottom:none}.pdv-resultado-item:hover{background:var(--color-bg-3)}.pdv-resultado-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pdv-resultado-nome{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pdv-resultado-codigo{font-size:var(--text-xs);color:var(--color-text-3);font-family:var(--font-mono)}.pdv-resultado-right{align-items:flex-end;gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.pdv-resultado-preco{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--color-primary)}.pdv-carrinho{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;flex:1;min-height:0;display:flex}.pdv-carrinho-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-text-2);justify-content:space-between;align-items:center;display:flex}.pdv-itens{padding:var(--space-2);flex:1;overflow-y:auto}.pdv-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius);transition:background var(--transition-fast);display:flex}.pdv-item:hover{background:var(--color-bg-3)}.pdv-item-info{flex:1;min-width:0}.pdv-item-nome{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pdv-item-preco{font-size:var(--text-xs);color:var(--color-text-3)}.pdv-item-controles{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.pdv-item-qtd{font-size:var(--text-sm);font-weight:var(--fw-bold);text-align:center;min-width:28px}.pdv-item-subtotal{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--fw-semibold);flex-shrink:0;display:flex}.pdv-right{gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.pdv-section{padding:var(--space-4)}.pdv-section-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-text-2);margin-bottom:var(--space-3)}.pdv-desconto{gap:var(--space-2);display:flex}.pdv-pagto-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.pdv-pagto-btn{padding:var(--space-3) var(--space-2);border-radius:var(--radius);border:1.5px solid var(--color-border-2);background:var(--color-bg-3);color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--transition-fast);text-align:center}.pdv-pagto-btn:hover{border-color:var(--fpcolor);color:var(--fpcolor);background:color-mix(in srgb, var(--fpcolor) 10%, transparent)}.pdv-pagto-btn.active{border-color:var(--fpcolor);color:var(--fpcolor);background:color-mix(in srgb, var(--fpcolor) 15%, transparent);font-weight:var(--fw-bold)}.pdv-troco{font-size:var(--text-sm);color:var(--color-text-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-success-light);border-radius:var(--radius)}.pdv-troco strong{color:var(--color-success)}.pdv-cliente-selecionado{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--fw-semibold);display:flex}.pdv-cliente-selecionado button{color:var(--color-primary);margin-left:auto}.pdv-cliente-dropdown{z-index:100;background:var(--color-bg-2);border:1px solid var(--color-border-2);border-radius:var(--radius);max-height:200px;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-fast);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.pdv-cliente-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--color-border);width:100%;transition:background var(--transition-fast);background:0 0;display:flex}.pdv-cliente-item:hover{background:var(--color-bg-3)}.pdv-cliente-nome{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-text)}.pdv-cliente-tel{font-size:var(--text-xs);color:var(--color-text-3)}.pdv-totais{padding:var(--space-4)}.pdv-total-linha{font-size:var(--text-sm);color:var(--color-text-2);padding:var(--space-1) 0;justify-content:space-between;align-items:center;display:flex}.pdv-desconto-linha{color:var(--color-danger)}.pdv-total-grand{font-size:var(--text-xl);font-weight:var(--fw-extrabold);color:var(--color-text)}.pdv-finalizar{font-size:var(--text-base);font-weight:var(--fw-bold);letter-spacing:.02em;transition:all var(--transition-fast);box-shadow:0 4px 20px #10b98166}.pdv-finalizar:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 28px #10b98180}.pdv-success{text-align:center;justify-content:center;align-items:center;gap:var(--space-5);min-height:60vh;padding:var(--space-8);flex-direction:column;display:flex}.pdv-success-icon{color:var(--color-success);animation:2s ease-in-out infinite iconPulse}.pdv-success h2{font-size:var(--text-3xl);font-weight:var(--fw-extrabold)}.pdv-success p{color:var(--color-text-2);font-size:var(--text-lg)}.pdv-success-total{font-size:var(--text-4xl);font-weight:var(--fw-extrabold);color:var(--color-success)}.pdv-success-troco{font-size:var(--text-lg);color:var(--color-text-2)}.pdv-success-troco strong{color:var(--color-success)}.pdv-success-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=900px){.pdv{grid-template-columns:1fr;height:auto}.pdv-right{overflow-y:visible}}@media (width<=768px){.pdv{gap:var(--space-4);grid-template-columns:1fr;height:auto}.pdv-pagto-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr)!important}.pdv-pagto-btn{font-size:var(--text-xs);padding:var(--space-2)}.pdv-right{overflow-y:visible}.pdv-busca{flex-direction:column}.pdv-section{padding:var(--space-4)}}.filtros-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.fin-filtro-status{gap:var(--space-2);flex-wrap:wrap;display:flex}.fin-pagto-info{background:var(--color-bg-3);border-radius:var(--radius);padding:var(--space-4);gap:var(--space-2);border:1px solid var(--color-border);flex-direction:column;display:flex}.fin-pagto-row{font-size:var(--text-sm);color:var(--color-text-2);justify-content:space-between;align-items:center;display:flex}.fin-pagto-row strong{color:var(--color-text)}.fin-pagto-total{border-top:1px solid var(--color-border);padding-top:var(--space-2);margin-top:var(--space-1);font-size:var(--text-base)}.fin-pagto-total strong{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--color-success)}@media (width<=768px){.fin-filtro-status{gap:var(--space-2)}.fin-kpi-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.fin-kpi-grid{grid-template-columns:1fr!important}}