html{scroll-behavior:smooth}:root{--primary:#2e7d32;--primary-dark:#1b5e20;--primary-light:#4caf50;--primary-glow:#2e7d324d;--secondary:#ffc107;--secondary-dark:#ffa000;--secondary-glow:#ffc1074d;--gold:gold;--accent:#8bc34a;--green:#4caf50;--orange:#ff9800;--red:#f44336;--background:#1a1a1a;--surface:#2d2d2d;--surface-light:#3d3d3d;--bg-elevated:#333;--text:#fff;--text-secondary:#b0b0b0;--text-muted:grey;--success:#4caf50;--error:#f44336;--warning:#ff9800;--info:#2196f3;--border-color:#404040;--border-light:#505050;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px var(--primary-glow)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1a1a1a;background-color:var(--background);color:#fff;color:var(--text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}body:before{background:radial-gradient(ellipse at top left,#2e7d3214 0,#0000 50%),radial-gradient(ellipse at bottom right,#4caf500d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:600}a{color:#ffc107;color:var(--secondary);text-decoration:none;transition:color .2s}a:hover{color:#4caf50;color:var(--primary-light)}button{border:none;cursor:pointer;outline:none;transition:all .2s}button,input,select,textarea{font-family:DM Sans,sans-serif}input,select,textarea{background:#2d2d2d;background:var(--surface);border:1px solid #404040;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text);font-size:1rem;padding:.75rem 1rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:#2e7d32;border-color:var(--primary);box-shadow:0 0 0 3px #2e7d324d;box-shadow:0 0 0 3px var(--primary-glow);outline:none}input::placeholder,textarea::placeholder{color:grey;color:var(--text-muted)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--background)}::-webkit-scrollbar-thumb{background:#404040;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#505050;background:var(--border-light)}.container{margin:0 auto;max-width:1400px;padding:0 1.5rem}.btn{align-items:center;border-radius:8px;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;max-width:100%;overflow:hidden;padding:.75rem 1.5rem;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#2e7d32,#1b5e20);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 2px 8px #0000004d,0 0 15px #2e7d324d;box-shadow:var(--shadow-sm),0 0 15px var(--primary-glow);color:#fff}.btn-primary:hover{box-shadow:0 4px 16px #0006,0 0 25px #2e7d324d;box-shadow:var(--shadow-md),0 0 25px var(--primary-glow);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#ffc107,#ffa000);background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));box-shadow:0 2px 8px #0000004d,0 0 15px #ffc1074d;box-shadow:var(--shadow-sm),0 0 15px var(--secondary-glow);color:#1a1a1a;color:var(--background)}.btn-secondary:hover{box-shadow:0 4px 16px #0006,0 0 25px #ffc1074d;box-shadow:var(--shadow-md),0 0 25px var(--secondary-glow);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #2e7d32;border:2px solid var(--primary);color:#4caf50;color:var(--primary-light)}.btn-outline:hover{background:#2e7d324d;background:var(--primary-glow);border-color:#4caf50;border-color:var(--primary-light)}.btn-ghost{background:#0000;color:#b0b0b0;color:var(--text-secondary)}.btn-ghost:hover{background:#3d3d3d;background:var(--surface-light);color:#fff;color:var(--text)}.btn-danger{background:linear-gradient(135deg,#f44336,#d32f2f);background:linear-gradient(135deg,var(--error),#d32f2f)}.btn-danger:hover{background:#d32f2f}.btn-success{background:linear-gradient(135deg,#4caf50,#388e3c);background:linear-gradient(135deg,var(--success),#388e3c)}.btn-lg{font-size:1.1rem;padding:1rem 2rem}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.card{background:#2d2d2d;background:var(--surface);border:1px solid #404040;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .2s}.card:hover{border-color:#505050;border-color:var(--border-light);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md)}.badge-primary{background:#2e7d324d;color:#4caf50}.badge-success{color:#4caf50}.badge-warning{color:#ff9800}.badge-error{background:#f4433633;color:#f44336;color:var(--error)}.badge-info{background:#ffc1074d;color:#ffc107}.form-group{margin-bottom:1.25rem}.form-group label{color:#b0b0b0;color:var(--text-secondary);display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.table-container{border:1px solid #404040;border:1px solid var(--border-color);border-radius:12px}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);padding:1rem;text-align:left}th{background:#333;background:var(--bg-elevated);color:#b0b0b0;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}tr:hover td{background:#3d3d3d;background:var(--surface-light)}.modal-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal{background:#2d2d2d;background:var(--surface);border:1px solid #404040;border:1px solid var(--border-color);border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal.large,.modal.modal-lg{max-width:700px}.modal-header{align-items:center;border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header .modal-title,.modal-header h2{color:#fff;color:var(--text);font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:#0000;border:none;color:grey;color:var(--text-muted);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem}.modal-close:hover{color:#fff;color:var(--text)}.modal-body{padding:1.5rem}.modal-body .form-group{margin-bottom:1.25rem}.modal-body .form-group label,.modal-body .form-label{color:#b0b0b0;color:var(--text-secondary);display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea,.modal-body .form-input,.modal-body .form-select,.modal-body .form-textarea{background:#3d3d3d;background:var(--surface-light);border:1px solid #404040;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text);font-size:.95rem;padding:.75rem 1rem;width:100%}.modal-body .form-group input:focus,.modal-body .form-group select:focus,.modal-body .form-group textarea:focus,.modal-body .form-input:focus,.modal-body .form-select:focus,.modal-body .form-textarea:focus{border-color:#2e7d32;border-color:var(--primary);box-shadow:0 0 0 3px #2e7d324d;box-shadow:0 0 0 3px var(--primary-glow);outline:none}.modal-body .form-textarea,.modal-body textarea{min-height:80px;resize:vertical}.modal-footer{border-top:1px solid #404040;border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.modal-body .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (max-width:600px){.modal-body .form-row{grid-template-columns:1fr}}.modal-body .permissions-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.modal-body .perm-checkbox{align-items:center;background:#3d3d3d;background:var(--surface-light);border:1px solid #404040;border:1px solid var(--border-color);border-radius:6px;color:#b0b0b0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.6rem .75rem}.modal-body .perm-checkbox:hover{border-color:grey;border-color:var(--text-muted)}.modal-body .perm-checkbox:has(input:checked){background:#2e7d324d;background:var(--primary-glow);border-color:#2e7d32;border-color:var(--primary);color:#4caf50;color:var(--primary-light)}.modal-body .perm-checkbox input{accent-color:#2e7d32;accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.modal-body input[type=color]{background:#3d3d3d;background:var(--surface-light);border:1px solid #404040;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;height:38px;padding:2px;width:50px}.modal-body input[type=color]::-webkit-color-swatch-wrapper{padding:0}.modal-body input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.checkbox-wrapper{align-items:center;background:#3d3d3d;background:var(--surface-light);border:1px solid #404040;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s}.checkbox-wrapper.checked,.checkbox-wrapper:hover{border-color:#2e7d32;border-color:var(--primary)}.checkbox-wrapper.checked{background:#2e7d324d;background:var(--primary-glow)}.checkbox-toggle{background:#2d2d2d;background:var(--surface);border:2px solid #404040;border:2px solid var(--border-color);border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:all .2s;width:44px}.checkbox-toggle:after{background:grey;background:var(--text-muted);border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:all .2s;width:16px}.checkbox-wrapper.checked .checkbox-toggle{background:#2e7d32;background:var(--primary);border-color:#2e7d32;border-color:var(--primary)}.checkbox-wrapper.checked .checkbox-toggle:after{background:#fff;left:calc(100% - 18px)}.checkbox-label{color:#fff;font-size:.9rem;font-weight:500}input[type=checkbox]{accent-color:#2e7d32;accent-color:var(--primary);cursor:pointer;flex-shrink:0;height:20px;width:20px}.checkbox-group{align-items:center;background:#3d3d3d;background:var(--surface-light);border:1px solid #404040;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s}.checkbox-group:hover{border-color:#2e7d32;border-color:var(--primary)}.checkbox-group:has(input:checked){background:#2e7d324d;background:var(--primary-glow);border-color:#2e7d32;border-color:var(--primary)}.checkbox-group label{color:#fff;color:var(--text);cursor:pointer;font-weight:500;margin:0!important}.form-checkbox{align-items:center;background:#3d3d3d;background:var(--surface-light);border:1px solid #404040;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem}.form-checkbox:hover{border-color:#2e7d32;border-color:var(--primary)}.form-checkbox:has(input:checked){background:#2e7d324d;background:var(--primary-glow);border-color:#2e7d32;border-color:var(--primary)}.form-checkbox span{color:#fff;color:var(--text);font-weight:500}.loading{align-items:center;display:flex;justify-content:center;padding:3rem}.spinner{animation:spin 1s linear infinite;border:3px solid #404040;border-top-color:#2e7d32;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.performance-stars{display:flex;gap:2px}.star{background:#3d3d3d;background:var(--surface-light);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:16px;width:16px}.star.filled{background:gold;background:var(--gold)}.stat-card{background:#2d2d2d;border:1px solid #404040;border:1px solid var(--border-color);text-align:center}.stat-card .stat-value{color:#4caf50;color:var(--primary-light);margin-bottom:.25rem}.stat-card .stat-label{color:#b0b0b0;font-size:.9rem}.text-primary{color:#4caf50;color:var(--primary-light)}.text-secondary{color:#b0b0b0;color:var(--text-secondary)}.text-muted{color:grey;color:var(--text-muted)}.text-success{color:#4caf50;color:var(--success)}.text-danger{color:#f44336;color:var(--error)}.text-gold{color:gold;color:var(--gold)}.text-cyan{color:#ffc107;color:var(--secondary)}.text-green{color:#4caf50;color:var(--green)}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.tabs{background:#2d2d2d;overflow-x:auto}.tab{color:#b0b0b0;white-space:nowrap}.tab:hover{color:#fff}.tab.active{background:#2e7d32}.avatar{border:2px solid #404040;border:2px solid var(--border-color)}.avatar-placeholder{background:#2e7d32}.image-placeholder{align-items:center;background:#3d3d3d;background:var(--surface-light);border:2px dashed #404040;border:2px dashed var(--border-color);border-radius:8px;color:grey;color:var(--text-muted);display:flex;height:150px;justify-content:center;width:100%}@media (max-width:768px){.container{padding:0 1rem}.form-row{grid-template-columns:1fr}.modal{margin:.5rem}}.app{display:flex;flex-direction:column;min-height:100vh}.page-transition{animation:pageEnter .4s ease-out}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}.main-content{flex:1 1;margin-left:240px;padding:2rem}@media (max-width:768px){.main-content{margin-left:0;padding-bottom:80px}}.loading-screen{align-items:center;background:var(--background);display:flex;justify-content:center;min-height:100vh}.page-header h1{color:var(--text);font-size:2rem;margin-bottom:.5rem}.page-header p{color:var(--text-secondary)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{padding:1.5rem}.stat-card .stat-label{margin-bottom:.5rem}.stat-card .stat-value{font-size:2rem}.section{margin-bottom:2rem}.section-header h2{font-size:1.25rem}.actions-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-input{max-width:400px;min-width:200px}.search-input input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23b0b0b0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z'/%3E%3C/svg%3E");background-position:.75rem;background-repeat:no-repeat;background-size:1.25rem;padding-left:2.5rem;width:100%}.grid-2{grid-gap:1.5rem;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:1.5rem}.grid-3{grid-gap:1.5rem;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-content{margin-top:60px;padding:1rem 0}.page-header h1{font-size:1.5rem}}.empty-state{color:var(--text-secondary)}.empty-state svg{height:64px;width:64px}.empty-state h3{margin-bottom:.5rem}.tabs{background:var(--surface);border-radius:10px;display:flex;gap:.25rem;margin-bottom:1.5rem;padding:.25rem}.tab{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:500;padding:.75rem 1rem;transition:all .2s}.tab:hover{color:var(--text)}.tab.active{background:var(--primary);color:#fff}.alert-warning{background:#ff980026;border:1px solid var(--warning);color:var(--warning)}.alert-info{background:#2196f326;border:1px solid var(--info);color:var(--info)}.avatar{height:40px;width:40px}.avatar-lg{height:56px;width:56px}.avatar-placeholder{background:var(--primary);color:#fff;font-weight:600;text-transform:uppercase}.avatar-placeholder,.login-page{align-items:center;display:flex;justify-content:center}.login-page{background:linear-gradient(135deg,var(--primary-dark) 0,var(--background) 100%);min-height:100vh;padding:2rem}.login-container{max-width:420px;width:100%}.login-logo{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;text-decoration:none}.login-logo .logo-text{color:var(--secondary);font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;letter-spacing:8px}.login-logo .logo-subtitle{color:var(--text-secondary);font-size:.85rem;letter-spacing:3px;margin-top:.25rem;text-transform:uppercase}.login-card{background:var(--surface);border-radius:16px;padding:2.5rem;text-align:center}.login-card h1{color:var(--text);font-size:1.75rem;margin-bottom:.75rem}.login-card>p{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.discord-btn{align-items:center;background:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s;width:100%}.discord-btn:hover:not(:disabled){background:#4752c4;transform:translateY(-2px)}.discord-btn:disabled{cursor:not-allowed;opacity:.7}.login-footer{border-top:1px solid var(--surface-light);margin-top:2rem;padding-top:1.5rem}.login-footer a{color:var(--text-secondary);font-size:.9rem}.login-footer a:hover{color:var(--primary-light)}@media (max-width:480px){.login-card{padding:1.5rem}.login-logo .logo-text{font-size:2rem}}.complete-profile-page{align-items:center;background:linear-gradient(135deg,var(--primary-dark) 0,var(--background) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.complete-profile-container{max-width:420px;width:100%}.profile-logo{display:flex;justify-content:center;margin-bottom:2rem;text-decoration:none}.profile-logo .logo-text{color:var(--secondary);font-family:Playfair Display,serif;font-size:2rem;font-weight:700;letter-spacing:6px}.profile-card{background:var(--surface);border-radius:16px;padding:2.5rem}.profile-header{margin-bottom:2rem;text-align:center}.discord-avatar{border:3px solid var(--primary);border-radius:50%;height:80px;margin-bottom:1rem;width:80px}.profile-header h1{color:var(--text);font-size:1.5rem;margin-bottom:.5rem}.profile-header p{color:var(--text-secondary);font-size:.95rem}.btn-block{margin-top:1rem}.spinner-small{height:20px;width:20px}.pending-page{align-items:center;background:linear-gradient(135deg,var(--primary-dark) 0,var(--background) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.pending-container{max-width:480px;width:100%}.pending-logo{display:flex;justify-content:center;margin-bottom:2rem;text-decoration:none}.pending-logo .logo-text{color:var(--secondary);font-family:Playfair Display,serif;font-size:2rem;font-weight:700;letter-spacing:6px}.pending-card{background:var(--surface);border-radius:16px;padding:2.5rem;text-align:center}.pending-icon{color:var(--warning);margin-bottom:1.5rem}.pending-card h1{color:var(--text);font-size:1.5rem;margin-bottom:1rem}.pending-card>p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.pending-user{align-items:center;background:var(--surface-light);border-radius:12px;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1.25rem}.pending-avatar{border:2px solid var(--primary);border-radius:50%;height:50px;width:50px}.pending-user-info{display:flex;flex-direction:column;text-align:left}.pending-name{color:var(--text);font-weight:600}.pending-discord{color:var(--text-secondary);font-size:.85rem}.pending-actions{display:flex;flex-direction:column;gap:.75rem}.pending-actions .btn{width:100%}.dashboard-page{padding-bottom:3rem}.dashboard-header{align-items:center;background:linear-gradient(135deg,#2e7d3226,#4caf5014);border:1px solid #4caf5033;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.welcome-section h1{color:var(--primary-light);font-size:2rem;margin-bottom:.25rem}.welcome-section p{color:var(--text-secondary);font-size:1rem}.grade-badge{border-radius:20px;box-shadow:0 2px 8px #0003;font-size:.9rem;padding:.5rem 1.25rem}.dashboard-section{margin-bottom:2.5rem}.dashboard-section h2{align-items:center;color:var(--text);display:flex;font-size:1.25rem;gap:.5rem;margin-bottom:1.25rem}.dashboard-section h2:before{background:var(--primary);border-radius:2px;content:"";height:20px;width:4px}.stats-grid-5{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}@media (max-width:1200px){.stats-grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.stats-grid-5{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid-5{grid-template-columns:1fr}}.stat-card{background:var(--surface);border:1px solid var(--surface-light);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .2s ease}.stat-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #2e7d3226;transform:translateY(-2px)}.stat-card.highlight{background:linear-gradient(135deg,#2e7d3233,#4caf501a);border-color:var(--primary)}.stat-card.week-card{border-left:3px solid var(--primary)}.stat-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;margin-bottom:.25rem;width:40px}.stat-icon.sales-icon{background:#2e7d3233;color:var(--primary-light)}.stat-icon.revenue-icon{background:#4caf5033;color:var(--success)}.stat-icon.items-icon{background:#ffc10733;color:var(--secondary)}.stat-icon.production-icon{background:#ff980033;color:var(--warning)}.stat-icon.delivery-icon{background:#2196f333;color:var(--info)}.stat-card .stat-label{color:var(--text-secondary);display:block;font-size:.85rem}.stat-card .stat-value{color:var(--text);font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700}.stat-card .stat-value.primary{color:var(--primary-light)}.stat-card .stat-value.success{color:var(--success)}.stat-card .stat-value.warning{color:var(--warning)}.section-header{margin-bottom:1rem}.section-header h2{margin-bottom:0}.view-all{color:var(--primary-light);font-size:.9rem;font-weight:500;transition:color .2s}.view-all:hover{color:var(--primary);text-decoration:underline}.recent-sales{background:var(--surface);border:1px solid var(--surface-light);border-radius:12px;overflow:hidden}.sale-item{align-items:center;border-bottom:1px solid var(--surface-light);display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:background .2s}.sale-item:last-child{border-bottom:none}.sale-item:hover{background:var(--surface-light)}.sale-info{display:flex;flex-direction:column;gap:.25rem}.sale-items-summary{color:var(--text);font-size:.95rem;font-weight:600}.sale-date{color:var(--text-muted);font-size:.8rem}.sale-amount{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.sale-price{color:var(--primary-light);font-size:1.1rem;font-weight:700}.sale-items-count{color:var(--text-secondary);font-size:.8rem}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.action-card{align-items:center;background:var(--surface);border:1px solid var(--surface-light);border-radius:12px;color:var(--text);display:flex;flex-direction:column;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .2s}.action-card:hover{background:var(--surface-light);border-color:var(--primary);box-shadow:0 8px 24px #2e7d3233;transform:translateY(-3px)}.action-icon{align-items:center;background:linear-gradient(135deg,#2e7d3240,#4caf5026);border-radius:12px;color:var(--primary-light);display:flex;height:60px;justify-content:center;transition:all .2s;width:60px}.action-card:hover .action-icon{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;transform:scale(1.05)}.action-card span{font-size:.95rem;font-weight:500;text-align:center}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.25rem}.welcome-section h1{font-size:1.5rem}.quick-actions{grid-template-columns:repeat(2,1fr)}.action-card{padding:1.25rem 1rem}.action-icon{height:50px;width:50px}.action-icon svg{height:24px;width:24px}.stat-card .stat-value{font-size:1.5rem}}@media (max-width:480px){.quick-actions{grid-template-columns:1fr}.action-card{flex-direction:row;gap:1rem;justify-content:flex-start}.action-icon{height:48px;width:48px}}.sales-page{padding-bottom:2rem}.sales-layout{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 320px}.products-section{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.search-bar{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;position:relative}.search-bar .search-input{flex:1 1}.search-bar .search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.5rem;padding:0 10px;position:absolute;right:100px}.search-bar .search-clear:hover{color:var(--text)}.search-bar .product-count{color:var(--text-muted);font-size:.85rem;white-space:nowrap}.menus-section{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1.5rem}.menus-section h3{color:var(--text);font-size:1rem;margin-bottom:.75rem}.menus-grid{display:flex;flex-wrap:wrap;gap:.75rem}.menu-card{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:10px;cursor:pointer;min-width:140px;padding:1rem 1.25rem;transition:all .2s}.menu-card:hover{box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.menu-card-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.menu-name{color:#fff;font-size:1rem;font-weight:600}.menu-price{color:#fff;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700}.menu-desc{color:#fffc;display:block;font-size:.75rem;margin-top:.25rem}.category-section{margin-bottom:1.5rem}.category-section:last-child{margin-bottom:0}.category-title{margin-bottom:.75rem;padding-bottom:.5rem}.products-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.product-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;position:relative;transition:all .2s}.product-card.in-cart,.product-card:hover{border-color:var(--primary)}.product-card.in-cart{box-shadow:0 0 12px var(--primary-glow)}.product-info{margin-bottom:.5rem}.product-name{color:var(--text);display:block;font-size:.9rem;font-weight:600;line-height:1.2;margin-bottom:.25rem}.product-price{color:var(--primary-light);font-family:Playfair Display,serif;font-size:1rem;font-weight:700}.cart-indicator{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:6px;top:6px}.card-add-controls{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem;padding-top:.5rem}.card-qty-row{gap:4px}.card-qty-btn,.card-qty-row{align-items:center;display:flex;justify-content:center}.card-qty-btn{background:var(--surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text);cursor:pointer;font-size:1rem;font-weight:600;height:26px;width:26px}.card-qty-btn:hover{background:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.card-qty-input{background:var(--surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text);font-size:.85rem;font-weight:600;padding:4px;text-align:center;width:45px}.card-qty-input:focus{border-color:var(--primary);outline:none}.card-qty-input::-webkit-inner-spin-button,.card-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.card-add-btn{background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px;transition:all .2s;width:100%}.card-add-btn:hover{background:var(--primary-light)}.cart-section{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;position:-webkit-sticky;position:sticky;top:90px}.cart-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.cart-header h2{font-size:1.1rem;margin:0}.cart-empty{color:var(--text-muted);padding:2rem 1rem;text-align:center}.cart-empty p{font-size:1rem;margin-bottom:.25rem}.cart-empty span{font-size:.85rem}.cart-items{margin-bottom:1rem;max-height:280px;overflow-y:auto}.cart-item{align-items:center;background:var(--surface-light);border-radius:6px;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.6rem}.cart-item-info{flex:1 1;min-width:0}.cart-item-name{color:var(--text);display:block;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-price{color:var(--text-muted);font-size:.75rem}.cart-item-controls{gap:3px}.cart-item-controls,.qty-btn{align-items:center;display:flex}.qty-btn{background:var(--surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text);cursor:pointer;font-size:.9rem;font-weight:600;height:22px;justify-content:center;width:22px}.qty-btn:hover{border-color:var(--primary);color:var(--primary)}.cart-qty-input{background:var(--surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text);font-size:.8rem;font-weight:600;padding:3px;text-align:center;width:36px}.cart-qty-input:focus{border-color:var(--primary);outline:none}.remove-btn{background:#0000;border:none;color:var(--error);cursor:pointer;font-size:1.1rem;height:22px;opacity:.7;width:22px}.remove-btn:hover{opacity:1}.cart-item-subtotal{color:var(--primary-light);font-size:.85rem;font-weight:600;min-width:60px;text-align:right}.cart-summary{background:var(--surface-light);border-radius:8px;margin-bottom:1rem;padding:.75rem}.summary-row{color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between;padding:.4rem 0}.summary-row.commission-row{border-top:1px dashed var(--border-color);margin-top:.25rem;padding-top:.6rem}.summary-row.total-row{color:var(--text);font-size:1.15rem;font-weight:700}.submit-btn{width:100%}.sales-history{margin-top:2rem}.sales-history h3{border-bottom:1px solid var(--border-color);font-size:1rem;margin:0;padding:1rem 1.25rem}.sale-item-tag{background:var(--surface-light);border-radius:4px;display:inline-block;font-size:.75rem;margin-bottom:.2rem;margin-right:.35rem;padding:.2rem .5rem}.sale-item-tag.menu-tag{background:var(--primary-glow);color:var(--primary-light);font-weight:600}.menu-composition{font-size:.7rem;font-weight:400;opacity:.85}@media (max-width:900px){.sales-layout{grid-template-columns:1fr}.cart-section{position:relative;top:0}.products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:600px){.products-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.product-card{padding:.6rem}.product-name{font-size:.85rem}.menus-grid{flex-direction:column}.menu-card{min-width:auto}}.menu-composition-price{background:var(--surface-light);border-radius:8px;color:var(--text);font-size:1.25rem;margin-bottom:1.5rem;padding:1rem;text-align:center}.menu-composition-price strong{color:var(--primary);font-family:Playfair Display,serif;font-size:1.5rem}.menu-slots{display:flex;flex-direction:column;gap:1.25rem}.menu-slot{background:var(--surface-light);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.slot-title{align-items:center;border-bottom:1px dashed var(--border-color);color:var(--text);display:flex;font-size:1rem;gap:.5rem;margin:0 0 .75rem;padding-bottom:.5rem}.slot-check{color:var(--success);font-size:1rem}.slot-items{display:flex;flex-wrap:wrap;gap:.5rem}.slot-item{background:var(--surface);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:.5rem 1rem;transition:all .15s}.slot-item.selected,.slot-item:hover{border-color:var(--primary)}.slot-item.selected{background:var(--primary);color:#fff}.slot-item-name{font-size:.9rem;font-weight:500}.no-items{color:var(--text-muted);font-size:.85rem;font-style:italic;margin:0}.cart-menu-items{color:var(--text-muted);display:block;font-size:.7rem;font-weight:400;line-height:1.3;margin-top:2px}.modal.modal-lg{max-width:600px}.stock-page{padding-bottom:2rem}.daily-progress-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.progress-header{margin-bottom:1rem}.progress-header h3{color:var(--text);font-size:1.1rem;margin:0}.progress-badge{background:var(--surface-light);border-radius:20px;color:var(--text-muted);font-size:.85rem;font-weight:600;padding:.4rem .8rem}.progress-badge.complete{background:var(--success);color:#fff}.progress-bar-container{background:var(--surface-light);border-radius:6px;height:12px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:6px;height:100%;transition:width .3s ease}.progress-text{margin:.75rem 0 0}.stock-sections{display:flex;flex-direction:column;gap:1.5rem}.stock-category{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.category-title{border-bottom:1px dashed var(--border-color);color:var(--text);font-size:1rem;margin:0 0 1rem;padding-bottom:.75rem}.stock-items-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.stock-item-card{align-items:center;background:var(--surface-light);border:2px solid var(--border-color);border-radius:10px;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s}.stock-item-card.checked{background:#4caf5014;border-color:var(--success)}.stock-item-card.unchecked{background:#f443360d;border-color:var(--error)}.item-status{flex-shrink:0}.status-icon{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.status-icon.checked{background:var(--success);color:#fff}.status-icon.unchecked{background:var(--error);color:#fff}.item-info{flex:1 1;min-width:100px}.item-info h4{color:var(--text);font-size:.95rem;font-weight:600;margin:0;word-break:break-word}.checked-by{color:var(--text-muted);display:block;font-size:.75rem;margin-top:2px}.item-input{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.qty-input{background:var(--surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text);font-size:.9rem;font-weight:600;padding:.5rem;text-align:center;width:70px}.qty-input:focus{border-color:var(--primary);outline:none}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.btn-check{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.btn-validate{background:var(--primary);color:#fff}.btn-validate:hover{background:var(--primary-light)}.btn-update{background:var(--surface);border:1px solid var(--border-color);color:var(--text)}.btn-update:hover{border-color:var(--primary);color:var(--primary)}.history-section{margin-top:1rem}.history-days{display:flex;flex-direction:column;gap:1rem}.history-day-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.history-day-card.complete .day-header{background:#4caf501a;border-bottom-color:#4caf504d}.history-day-card.complete .day-status-icon{color:var(--success)}.history-day-card.incomplete .day-header{background:#f4433614;border-bottom-color:#f4433633}.history-day-card.incomplete .day-status-icon{color:var(--error)}.day-header{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:1rem 1.25rem}.day-date,.day-header{align-items:center;display:flex}.day-date{color:var(--text);font-weight:600;gap:.75rem;text-transform:capitalize}.day-status-icon{align-items:center;display:flex}.day-count{background:var(--surface-light);border-radius:20px;color:var(--text-muted);font-size:.9rem;padding:.35rem .75rem}.day-items{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:1rem 1.25rem}.day-item{align-items:center;background:var(--surface-light);border-radius:6px;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem}.day-item .item-name{color:var(--text);flex:1 1;font-weight:500}.day-item .item-qty{color:var(--primary);font-weight:700;min-width:40px;text-align:right}.day-item .item-user{color:var(--text-muted);font-size:.8rem}.empty-state h3{color:var(--text);margin:0 0 .5rem}.empty-state p{color:var(--text-muted);margin:0}@media (max-width:768px){.stock-items-grid{grid-template-columns:1fr}.stock-item-card{flex-wrap:wrap}.item-input{justify-content:flex-end;margin-top:.5rem;width:100%}.day-items{grid-template-columns:1fr}}.production-page{padding-bottom:3rem}.production-page .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.goals-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.goal-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s ease}.goal-card:hover{border-color:var(--primary);box-shadow:0 4px 20px #2e7d3226;transform:translateY(-2px)}.goal-card.completed{border-left:4px solid var(--success)}.goal-card.completed:hover{border-color:var(--success)}.goal-card-header{align-items:center;background:linear-gradient(135deg,#2e7d3214,#0000);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.goal-card-header h3{color:var(--text);font-family:Playfair Display,serif;font-size:1.1rem;margin:0}.goal-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.3rem .75rem;text-transform:uppercase}.goal-badge.in-progress{background:#ff980033;color:var(--warning)}.goal-badge.completed{background:#4caf5033;color:var(--success)}.goal-card-body{padding:1.25rem}.goal-quantities{display:flex;justify-content:space-between;margin-bottom:1.25rem}.quantity-item{align-items:center;display:flex;flex:1 1;flex-direction:column}.quantity-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.quantity-value{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.quantity-value.target{color:var(--text-secondary)}.quantity-value.current{color:var(--primary-light)}.quantity-value.remaining{color:var(--warning)}.progress-section{margin-top:.5rem}.progress-header{margin-bottom:.5rem}.progress-label{color:var(--text-secondary);font-size:.85rem}.progress-percent{color:var(--primary-light);font-size:.9rem;font-weight:600}.progress-percent.completed-text{color:var(--success)}.progress-bar{border-radius:5px;height:10px;position:relative}.progress-bar.completed{background:#4caf5033}.progress-fill{border-radius:5px;position:relative;transition:width .5s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-fill.completed{background:linear-gradient(90deg,var(--success),#66bb6a)}.progress-fill.completed:after{display:none}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.goal-card-footer{align-items:center;background:var(--surface-light);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 1.25rem}.goal-date{color:var(--text-muted);font-size:.75rem}.completed-icon{align-items:center;background:#4caf5033;border-radius:50%;color:var(--success);display:flex;height:36px;justify-content:center;width:36px}.modal-goal-info{background:linear-gradient(135deg,#2e7d3226,#4caf5014);border:1px solid #4caf5033;border-radius:10px;margin-bottom:1.5rem;padding:1.25rem}.modal-goal-info h3{color:var(--text);font-size:1.25rem;margin:0 0 1rem;text-align:center}.modal-goal-stats{display:flex;justify-content:space-around}.modal-stat{align-items:center;display:flex;flex-direction:column}.modal-stat-label{color:var(--text-muted);font-size:.75rem;margin-bottom:.25rem;text-transform:uppercase}.modal-stat-value{color:var(--text);font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.modal-stat-value.highlight{color:var(--primary-light)}.progress-preview{align-items:center;background:var(--surface-light);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin:1rem 0 1.5rem;padding:1rem}.progress-preview .preview-label{color:var(--text-secondary)}.progress-preview .preview-value{color:var(--primary-light);font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700}.progress-preview .preview-complete{color:var(--success);font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500}.production-page .empty-state{background:var(--surface);border:1px solid var(--border-color);border-radius:12px}.production-page .empty-state svg{color:var(--primary)}@media (max-width:768px){.production-page .page-header{align-items:flex-start;flex-direction:column}.production-page .page-header .btn{justify-content:center;width:100%}.goals-grid{grid-template-columns:1fr}.goal-quantities{gap:.5rem}.quantity-value{font-size:1.25rem}.modal-goal-stats{flex-wrap:wrap;gap:1rem}.modal-stat{flex:1 1;min-width:80px}}@media (max-width:480px){.goal-card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.goal-card-footer{flex-direction:column;gap:.75rem}.goal-card-footer .btn{justify-content:center;width:100%}.progress-preview{flex-direction:column;gap:.5rem;text-align:center}}.orders-page{padding-bottom:3rem}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.header-actions{gap:.75rem}.section-title{align-items:center;color:var(--text);display:flex;font-size:1.25rem;gap:.75rem;margin-bottom:1.5rem}.section-title svg{color:var(--primary-light)}.orders-section{background:var(--surface);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.today-orders-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.today-order-card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s}.today-order-card:hover{border-color:var(--primary);box-shadow:0 4px 20px var(--primary-glow)}.order-card-header{align-items:center;background:linear-gradient(135deg,#2e7d321a,#0000);border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:1rem}.client-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;box-shadow:0 2px 8px var(--primary-glow);color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:44px;justify-content:center;width:44px}.client-details{flex:1 1}.client-details .client-name{color:var(--text);display:block;font-size:1rem;font-weight:600}.client-details .client-phone{color:var(--text-secondary);display:block;font-size:.85rem}.order-card-body{padding:1rem}.order-item{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.item-quantity{background:var(--primary);border-radius:6px;color:#fff;font-size:.9rem;font-weight:700;padding:.25rem .5rem}.item-name{color:var(--text);font-size:1.05rem;font-weight:600}.order-address{align-items:center;background:var(--surface);border-radius:6px;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem;padding:.5rem}.order-address svg{color:var(--primary-light);flex-shrink:0}.order-card-footer{border-top:1px solid var(--border-color);padding:1rem}.deliver-btn{font-size:.95rem;padding:.75rem 1rem;width:100%}.client-info{align-items:center;display:flex;gap:.75rem}.client-info .client-name{color:var(--text);font-weight:600}.quantity-cell{color:var(--primary-light);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600}.delivered-row td{opacity:.6}.btn-icon{padding:0}.btn-icon:hover{background:var(--primary-glow);color:var(--primary-light)}.btn-icon.success{background:#4caf5026;color:var(--success)}.btn-icon.success:hover{background:#4caf504d}.btn-icon.danger:hover{background:#f4433626;color:var(--error)}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.orders-page .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.orders-page .stat-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;text-align:center}.orders-page .stat-card .stat-label{color:var(--text-secondary);display:block;font-size:.8rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.orders-page .stat-card .stat-value{color:var(--text);font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700}.orders-page .stat-card .stat-value.primary{color:var(--primary-light)}.orders-page .stat-card .stat-value.success{color:var(--success)}.badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.badge-primary{background:var(--primary-glow);color:var(--primary-light)}.badge-warning{background:#ff980033;color:var(--warning)}.badge-info{background:var(--secondary-glow);color:var(--secondary)}.modal.large{max-width:800px}.clients-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.client-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s}.client-card:hover{border-color:var(--primary);box-shadow:0 8px 30px #0000004d;transform:translateY(-4px)}.client-card.inactive{opacity:.6}.client-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.client-avatar.large{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:50px;justify-content:center;width:50px}.client-card-header .client-info h3{font-size:1.1rem;margin:0}.client-card-header .client-info p{color:var(--text-muted);font-size:.9rem;margin:0}.client-card-body{padding:1rem 0}.client-stat{align-items:center;background:var(--surface-light);border-radius:8px;display:flex;flex-direction:column;margin-bottom:1rem;padding:1rem}.client-stat .stat-value{color:var(--primary-light);font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.client-stat .stat-label{color:var(--text-muted);font-size:.8rem}.client-notes{color:var(--text-secondary);font-size:.9rem;font-style:italic}.client-card-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding-top:1rem}.inactive-row{opacity:.5}.inactive-row td{text-decoration:line-through}.order-price{color:var(--primary-light);font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700;text-align:right}.user-cell{gap:.5rem}@media (max-width:1200px){.orders-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-header{flex-direction:column;gap:1rem}.header-actions{flex-direction:column;width:100%}.header-actions .btn{justify-content:center;width:100%}.orders-page .stats-grid{grid-template-columns:repeat(2,1fr)}.today-orders-grid{grid-template-columns:1fr}.orders-section{border-radius:12px;padding:1rem}.section-title{font-size:1.1rem}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab{flex:0 0 auto;white-space:nowrap}}@media (max-width:480px){.orders-page .stats-grid{gap:.75rem;grid-template-columns:1fr 1fr}.orders-page .stat-card{padding:1rem}.orders-page .stat-card .stat-value{font-size:1.5rem}.order-card-header{padding:.75rem}.client-avatar{font-size:1rem;height:38px;width:38px}.order-card-body,.order-card-footer{padding:.75rem}}.expenses-page{padding-bottom:3rem}.expenses-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.expenses-stats .stat-card{background:var(--surface);border:1px solid var(--surface-light);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .2s ease}.expenses-stats .stat-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #2e7d3226;transform:translateY(-2px)}.expenses-stats .stat-card.highlight{background:linear-gradient(135deg,#2e7d3233,#4caf501a);border-color:var(--primary)}.expenses-stats .stat-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;margin-bottom:.25rem;width:40px}.expenses-stats .stat-icon.approved-icon{background:#2e7d3233;color:var(--primary-light)}.expenses-stats .stat-icon.deductible-icon{background:#4caf5033;color:var(--success)}.expenses-stats .stat-label{color:var(--text-secondary);display:block;font-size:.85rem}.expenses-stats .stat-value{color:var(--text);font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700}.expenses-stats .stat-value.primary{color:var(--primary-light)}.expenses-stats .stat-value.success{color:var(--success)}.expenses-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:350px 1fr;margin-bottom:2rem}.section-card{background:var(--surface);border:1px solid var(--surface-light);border-radius:12px;padding:1.5rem}.section-card h2{align-items:center;border-bottom:1px solid var(--surface-light);color:var(--text);display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem}.section-card h2:before{background:var(--primary);border-radius:2px;content:"";height:18px;width:4px}.expense-form{display:flex;flex-direction:column;gap:1rem}.expense-form .form-group{display:flex;flex-direction:column;gap:.5rem}.expense-form label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.expense-form input[type=number],.expense-form select,.expense-form textarea{background:var(--surface-light);border:1px solid var(--border-color);border-radius:8px;color:var(--text);font-size:.95rem;padding:.75rem 1rem;transition:all .2s}.expense-form input[type=number]:focus,.expense-form select:focus,.expense-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.expense-form textarea{min-height:80px;resize:vertical}.checkbox-group{margin-top:.5rem}.checkbox-label{color:var(--text)}.checkbox-label input[type=checkbox]{display:none}.checkbox-label .checkmark{align-items:center;background:var(--surface-light);border:2px solid var(--border-color);border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .2s;width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--primary);border-color:var(--primary)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;margin-bottom:2px;transform:rotate(45deg);width:6px}.btn-block{align-items:center;display:flex;font-size:.95rem;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.875rem 1rem;width:100%}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.expenses-list{display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow-y:auto}.expense-item{background:var(--surface-light);border-radius:10px;padding:1rem;transition:all .2s}.expense-item:hover{background:#2e7d321a}.expense-main{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.expense-info{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.expense-category{color:var(--text);font-size:.95rem;font-weight:600}.deductible-badge{background:#4caf5033;border-radius:4px;color:var(--success);font-size:.7rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase}.expense-amount{color:var(--primary-light);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700}.expense-description{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin-bottom:.5rem}.expense-footer{align-items:center;display:flex;justify-content:space-between}.expense-date{color:var(--text-muted);font-size:.8rem}.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:.25rem .75rem;text-transform:uppercase}.status-pending{background:#ffc10733;color:#ffc107}.status-approved{background:#4caf5033;color:var(--success)}.status-rejected{background:#f4433633;color:var(--error)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{font-size:.95rem}.admin-expenses-section{margin-top:2rem}.admin-expenses-section .section-card h2:before{background:var(--warning)}.table-container{overflow-x:auto}.table-container table{border-collapse:collapse;width:100%}.table-container td,.table-container th{border-bottom:1px solid var(--surface-light);padding:.875rem 1rem;text-align:left}.table-container th{background:var(--surface-light);color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-container tbody tr{transition:background .2s}.table-container tbody tr:hover{background:#2e7d320d}.avatar{border-radius:50%;object-fit:cover}.description-cell{color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount-cell{color:var(--primary-light);font-weight:600}.badge-success{background:#4caf5033;color:var(--success)}.badge-default{background:var(--surface-light);color:var(--text-muted)}.btn-sm{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;padding:.4rem .6rem;transition:all .2s}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#43a047;transform:translateY(-1px)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#e53935;transform:translateY(-1px)}@media (max-width:1024px){.expenses-layout{grid-template-columns:1fr}.expenses-form-section{order:1}.expenses-list-section{order:2}}@media (max-width:768px){.expenses-stats{grid-template-columns:1fr}.expenses-stats .stat-value{font-size:1.5rem}.table-container{font-size:.85rem}.table-container td,.table-container th{padding:.75rem .5rem}.description-cell{max-width:120px}}@media (max-width:480px){.section-card{padding:1rem}.expense-item{padding:.875rem}.expense-main{flex-direction:column;gap:.5rem}.expense-amount{align-self:flex-start}.table-actions{flex-direction:column;gap:.35rem}}.service-page{padding-bottom:2rem}.page-subtitle{color:var(--text-muted);margin-top:.25rem}.clock-widget{background:var(--surface);border:2px solid var(--border-color);border-radius:16px;margin-bottom:1.5rem;padding:2rem;text-align:center;transition:all .3s}.clock-widget.clocked-in{border-color:var(--success);box-shadow:0 0 30px #4caf5033}.clock-status{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.status-indicator{background:var(--text-muted);border-radius:50%;height:12px;width:12px}.status-indicator.active{animation:pulse 2s infinite;background:var(--success);box-shadow:0 0 10px var(--success)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.clock-status span{color:var(--text);font-size:1.25rem;font-weight:600}.clock-timer{margin-bottom:2rem}.timer-value{color:var(--primary-light);display:block;font-family:Playfair Display,serif;font-size:4rem;font-weight:700;letter-spacing:4px}.timer-label{color:var(--text-muted);display:block;font-size:.9rem;margin-top:.5rem}.clock-info{display:flex;gap:2.5rem;justify-content:center;margin-bottom:2rem}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:var(--text-muted);font-size:.85rem}.info-value{color:var(--text);font-size:1.1rem;font-weight:600}.clock-btn{border:none;border-radius:10px;cursor:pointer;font-size:1.25rem;font-weight:600;padding:1rem 3rem;transition:all .2s}.clock-btn.clock-in{background:linear-gradient(135deg,var(--success),#388e3c);box-shadow:0 4px 15px #4caf5066;color:#fff}.clock-btn.clock-in:hover{box-shadow:0 6px 25px #4caf5080;transform:translateY(-2px)}.clock-btn.clock-out{background:linear-gradient(135deg,var(--error),#c62828);box-shadow:0 4px 15px #f4433666;color:#fff}.clock-btn.clock-out:hover{box-shadow:0 6px 25px #f4433680;transform:translateY(-2px)}.clock-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.clock-warning{background:#ff98001a;border:1px solid var(--warning);border-radius:8px;color:var(--warning);font-size:.9rem;margin-top:1.5rem;padding:1rem}.weekly-progress{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.progress-header{align-items:center;color:var(--text);display:flex;font-weight:600;justify-content:space-between;margin-bottom:.75rem}.progress-bar{background:var(--surface-light);border-radius:6px;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:6px;height:100%;transition:width .3s ease}.stats-grid.stats-4{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.stats-grid .stat-card.highlight{background:linear-gradient(135deg,#2e7d321a,#2e7d3205);border-color:var(--primary)}.stats-grid .stat-card.highlight .stat-value{color:var(--primary-light)}.records-section{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.records-section h2{font-size:1.1rem;margin-bottom:1rem}.records-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.record-item{align-items:center;background:var(--surface-light);border-radius:8px;display:flex;gap:1.5rem;padding:.75rem 1rem}.record-item.active{background:#4caf501a;border:1px solid var(--success)}.record-date{flex:1 1}.record-date .date{color:var(--text);display:block;font-weight:600}.record-date .time{color:var(--text-muted);font-size:.85rem}.record-duration{align-items:center;display:flex;gap:.5rem}.record-duration .duration{color:var(--text);font-weight:600}.active-badge{background:var(--success);color:#fff;font-size:.75rem;padding:4px 10px}.active-badge,.capped-badge{border-radius:20px;font-weight:600}.capped-badge{background:#ff980033;color:var(--warning);font-size:.7rem;padding:2px 8px}.record-pay .pay{color:var(--primary-light);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700}.no-records{color:var(--text-muted);padding:2rem;text-align:center}@media (max-width:768px){.timer-value{font-size:2.5rem}.clock-info{flex-direction:column;gap:1rem}.stats-grid.stats-4{grid-template-columns:repeat(2,1fr)}.record-item{flex-wrap:wrap}.record-pay{margin-top:.5rem;text-align:right;width:100%}}.admin-page{animation:fadeIn .3s ease;padding-bottom:3rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-page .tabs{background:var(--surface);border-bottom:none;border-radius:10px;display:inline-flex;gap:.25rem;margin-bottom:2rem;padding:.25rem}.admin-page .tab{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.25rem;transition:all .2s;white-space:nowrap}.admin-page .tab:hover{background:var(--surface-light);color:var(--text)}.admin-page .tab.active{background:var(--primary);border-bottom:none;color:#fff}.tab-badge{background:var(--error);border-radius:20px;color:#fff;font-size:.65rem;font-weight:700;margin-left:.25rem;padding:2px 6px}.admin-section{animation:fadeIn .2s ease}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{font-size:1.25rem}.header-actions{display:flex;gap:.5rem}.user-cell{align-items:center;display:flex;gap:.75rem}.user-cell .name{color:var(--text);display:block;font-weight:500}.user-cell .discord{color:var(--text-muted);font-size:.85rem}.avatar-sm{border-radius:50%;height:32px;object-fit:cover;width:32px}.pending-section{background:var(--surface);border:1px solid var(--warning);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.pending-section h3{color:var(--warning);margin-bottom:1rem}.pending-list{display:flex;flex-direction:column;gap:.75rem}.pending-user-card{align-items:center;background:var(--surface-light);border-radius:8px;display:flex;gap:1rem;padding:1rem}.pending-user-info{flex:1 1}.pending-user-info .name{color:var(--text);display:block;font-weight:600}.pending-user-info .discord{color:var(--text-muted);font-size:.85rem}.pending-user-card select{min-width:180px}.grades-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grade-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s}.grade-card:hover{border-color:var(--grade-color,var(--primary));box-shadow:0 8px 30px #0000004d,0 0 20px #2e7d324d;transform:translateY(-4px)}.grade-card-top{height:6px}.grade-card-inner{padding:1.5rem}.grade-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:0}.grade-header h4{font-size:1.25rem;font-weight:700;margin:0}.grade-id{color:var(--text-muted);font-size:.85rem}.grade-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem;min-height:1.5rem}.grade-stats-row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.grade-commission,.grade-wage{align-items:center;background:var(--surface-light);border-radius:8px;display:flex;flex-direction:column;padding:.75rem}.commission-label{color:var(--text-muted);margin-bottom:.25rem}.commission-value{font-size:1.25rem}.grade-users-count{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.grade-permissions{margin-bottom:1rem}.permissions-label{color:var(--text-muted);display:block;font-size:.85rem;margin-bottom:.5rem}.permissions-list{display:flex;flex-wrap:wrap;gap:.25rem}.permission-tag{background:var(--surface-light);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.75rem;padding:4px 10px;text-transform:capitalize}.permission-tag.more{background:var(--primary-glow);border-color:var(--primary);color:var(--primary-light)}.perm-badge{background:var(--surface-light);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.75rem;padding:4px 10px}.grade-actions{display:flex;gap:.5rem}.grade-actions .btn{flex:1 1}.permissions-section .form-label{font-weight:600}.permissions-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.permissions-grid.single{grid-template-columns:1fr;max-width:250px}.permission-item{background:var(--surface-light);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:1rem;transition:all .2s ease}.permission-item:hover{border-color:var(--text-muted)}.permission-item.checked{background:linear-gradient(135deg,#2e7d3226,#2e7d3205);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 0 15px var(--primary-glow)}.permission-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.permission-label input{accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.permission-name{color:var(--text);font-size:.9rem;font-weight:600}.permission-description{color:var(--text-muted);font-size:.75rem;line-height:1.4}.perm-checkbox{border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:6px;padding:1rem;transition:all .2s ease}.perm-checkbox:has(input:checked){background:linear-gradient(135deg,#2e7d3226,#2e7d3205);box-shadow:0 0 0 1px var(--primary),0 0 15px var(--primary-glow)}.perm-checkbox input{margin-right:.5rem}.vehicle-cell{align-items:center;display:flex;gap:.75rem}.vehicle-thumb{background:var(--surface-light);border-radius:6px;height:60px;object-fit:contain;width:100px}.vehicle-cell .brand{color:var(--primary-light);display:block;font-size:.75rem;text-transform:uppercase}.vehicle-cell .model{color:var(--text);display:block;font-weight:600}.search-filters{display:flex;gap:1rem;margin-bottom:1.5rem}.search-input{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text);flex:1 1;font-size:.95rem;padding:.75rem 1rem}.search-input:focus{border-color:var(--primary);outline:none}.search-input::placeholder{color:var(--text-muted)}.filter-select{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text);cursor:pointer;font-size:.95rem;min-width:180px;padding:.75rem 1rem}.filter-select:focus{border-color:var(--primary);outline:none}.pagination{align-items:center;background:var(--surface);border-radius:10px;display:flex;gap:1.5rem;justify-content:center;margin-top:1.5rem;padding:1rem}.pagination-info{color:var(--text-secondary);font-size:.9rem;font-weight:500}.pagination .btn:disabled{cursor:not-allowed;opacity:.4}.grade-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:.2rem .6rem}.commission-col{color:var(--success);font-weight:600}.action-buttons{gap:.5rem}.table-actions{display:flex;gap:.5rem}.btn-sm{font-size:.85rem;padding:.35rem .75rem}.btn-icon{align-items:center;background:var(--surface-light);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon:hover{background:var(--primary);color:#fff}.btn-icon.danger:hover{background:var(--error)}.finances-tab{animation:fadeIn .2s ease}.period-selector{display:flex;flex-wrap:wrap;gap:.5rem}.period-dates{background:var(--surface);border-radius:8px;color:var(--text-secondary);display:inline-block;font-size:.9rem;margin-top:.75rem;padding:.5rem 1rem}.custom-date-selector{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;margin-top:1rem;padding:1rem}.date-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.date-input-group{display:flex;flex-direction:column;gap:.25rem}.date-input-group label{color:var(--text-muted);font-size:.85rem}.date-input-group input{padding:.5rem;width:180px}.tax-section{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.tax-section h3{color:var(--text);margin-bottom:1rem}.tax-card{border:1px solid var(--error)!important}.tax-brackets-info{background:var(--surface-light);border-radius:8px;padding:1rem}.tax-brackets-info summary{color:var(--text-secondary);cursor:pointer;font-size:.9rem}.tax-brackets-info summary:hover{color:var(--text)}.tax-brackets-table{font-size:.85rem;margin-top:1rem;width:100%}.tax-brackets-table td,.tax-brackets-table th{border-bottom:1px solid var(--border-color);padding:.5rem;text-align:left}.tax-brackets-table th{color:var(--text-muted);font-weight:500}.tax-brackets-table td:last-child{color:var(--primary-light);text-align:right}.finance-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.finance-details h4{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.finance-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.finance-row:last-child{border-bottom:none}.top-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.top-item{align-items:center;background:var(--surface-light);border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.top-rank{color:var(--gold);font-weight:700;width:30px}.top-name{flex:1 1;font-weight:500}.top-count{color:var(--text-muted);font-size:.9rem}.top-value{color:var(--primary-light);font-weight:600}.commissions-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.commission-card{align-items:center;gap:1.5rem}.commission-info{flex:1 1}.commission-name{color:var(--text);display:block;font-weight:600}.commission-grade{font-size:.85rem}.commission-amount{text-align:right}.commission-amount .amount{color:var(--primary-light);display:block;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.commission-amount .count{color:var(--text-muted);font-size:.85rem}.alert{align-items:center;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem}.alert-success{background:#4caf5026;border:1px solid var(--success);color:var(--success)}.alert-error{background:#f4433626;border:1px solid var(--error);color:var(--error)}input[type=color]{border:none;border-radius:8px;cursor:pointer;height:40px;padding:0;width:60px}.modal.large{max-width:700px}@media (max-width:768px){.section-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:stretch}.header-actions .btn{flex:1 1}.pending-user-card{flex-wrap:wrap}.pending-user-card select{width:100%}.grades-grid,.permissions-grid{grid-template-columns:1fr}.period-selector{flex-wrap:wrap}.period-selector .btn{flex:1 1;min-width:calc(50% - .25rem)}.date-inputs{align-items:stretch;flex-direction:column}.date-input-group,.date-input-group input{width:100%}.action-buttons,.commission-card{flex-direction:column}.commission-amount,.commission-card{text-align:center}}.brands-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;margin-top:1rem}.brand-card{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s}.brand-card:hover{border-color:var(--primary);box-shadow:0 4px 15px #00000026}.brand-name{color:var(--text);font-size:.95rem;font-weight:500}.brand-actions{display:flex;gap:.25rem}.brand-actions .btn-icon{padding:.35rem}.categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1.5rem}.category-card{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;padding:1.25rem;transition:all .2s}.category-card:hover{border-color:var(--primary);box-shadow:0 4px 20px #0003}.category-info{flex:1 1}.category-name{color:var(--text);display:block;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.category-desc{color:var(--text-muted);display:block;font-size:.85rem}.category-actions{display:flex;gap:.5rem}.category-count{color:var(--text-muted);display:block;font-size:.85rem}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.tab-header h3{color:var(--text);font-size:1.1rem;margin:0}.mt-xl{margin-top:2.5rem}.menu-items-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1rem}.menu-item-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s}.menu-item-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.menu-item-card .menu-item-image{background:var(--surface-light);height:120px;overflow:hidden;width:100%}.menu-item-card .menu-item-image img{height:100%;object-fit:cover;width:100%}.menu-item-card .menu-item-content{padding:1rem}.menu-item-card .menu-item-content h4{color:var(--text);font-size:1rem;font-weight:600;margin:0 0 .5rem}.menu-item-card .menu-item-category{color:var(--primary-light);display:block;font-size:.8rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.menu-item-card .menu-item-price{color:var(--primary-light);display:block;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700}.menu-item-card .menu-item-cost{color:var(--text-muted);display:block;font-size:.8rem;margin-top:.25rem}.menu-item-card .menu-item-actions{background:var(--surface-light);border-top:1px solid var(--border-color);display:flex;gap:.5rem;padding:.75rem 1rem}.menu-item-card .menu-item-actions .btn{flex:1 1}.search-box{flex:1 1;max-width:300px;position:relative}.search-box input{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text);font-size:.9rem;padding:.6rem 1rem .6rem 2.5rem;width:100%}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.search-box svg{color:var(--text-muted);left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.form-label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background:var(--surface-light);border:1px solid var(--border-color);border-radius:8px;color:var(--text);font-size:.95rem;padding:.75rem 1rem;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.form-textarea{min-height:80px;resize:vertical}.modal.modal-lg{max-width:700px}.modal-title{color:var(--text);font-size:1.25rem;font-weight:600;margin:0}.commissions-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:1.5rem}.commission-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;position:relative;transition:all .2s}.commission-card:hover{border-color:var(--primary);box-shadow:0 8px 30px #0000004d;transform:translateY(-2px)}.commission-user{align-items:center;display:flex;gap:1rem}.commission-user .avatar{height:48px;width:48px}.commission-user-info{flex:1 1}.commission-user-info .name{color:var(--text);display:block;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.commission-stats{display:flex;flex-direction:column;gap:.5rem}.commission-current{background:var(--surface-light);border-radius:8px;padding:1rem;text-align:center}.commission-current .amount{color:var(--primary-light);display:block;font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700}.commission-current .label{color:var(--text-muted);font-size:.8rem}.commission-meta{color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between}.commission-arrow{color:var(--text-muted);font-size:1.5rem;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);transition:all .2s}.commission-card:hover .commission-arrow{color:var(--primary-light);transform:translateY(-50%) translateX(4px)}.employee-detail{animation:fadeIn .3s ease}.employee-header{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.employee-header .avatar,.employee-header .avatar-lg{height:72px;width:72px}.employee-info{flex:1 1;min-width:200px}.employee-info h2{font-size:1.5rem;margin-bottom:.5rem}.employee-header .employee-stats{display:flex;gap:1rem;margin-bottom:0}.stat-box{background:var(--surface-light);border-radius:8px;padding:1rem 1.5rem;text-align:center}.stat-box .stat-value{color:var(--primary-light);display:block;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.stat-box .stat-label{color:var(--text-muted);font-size:.8rem}.empty-state{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;color:var(--text-muted);padding:3rem;text-align:center}.clickable-row{transition:all .2s}.clickable-row:hover td{background:var(--primary-glow)!important}.sales-history{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.sales-history h4{border-bottom:1px solid var(--border-color);font-size:1.1rem;margin:0;padding:1rem 1.5rem}.sales-history .table-container{border:none;border-radius:0}.sale-type-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .6rem;text-transform:uppercase}.sale-type-badge.new{background:#4caf5026;color:var(--success)}.sale-type-badge.used{background:#ff980026;color:var(--warning)}.no-sales{color:var(--text-muted);padding:3rem;text-align:center}@media (max-width:992px){.employee-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.categories-grid,.commissions-grid{grid-template-columns:1fr}.employee-header{flex-direction:column;text-align:center}.commission-stats,.employee-stats{grid-template-columns:1fr}}.toggle-switch{align-items:center;background:var(--surface-light);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.toggle-switch:hover{border-color:var(--text-muted)}.toggle-switch.active{background:linear-gradient(135deg,#4caf5026,#4caf500d);border-color:var(--success)}.toggle-track{background:var(--surface);border-radius:14px;flex-shrink:0;height:28px;position:relative;transition:all .3s ease;width:50px}.toggle-switch.active .toggle-track{background:var(--success)}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;height:22px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:22px}.toggle-switch.active .toggle-thumb{left:calc(100% - 25px)}.toggle-label{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .3s ease}.toggle-switch.active .toggle-label{color:var(--success)}.checkbox-label{align-items:center;background:var(--surface-light);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1rem;transition:all .2s}.checkbox-label:hover{border-color:var(--primary)}.checkbox-label:has(input:checked){background:var(--primary-glow);border-color:var(--primary);color:var(--primary-light)}.checkbox-label input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:20px;width:20px}.permissions-section{margin-top:1.5rem}.permissions-section .form-label{color:var(--text);font-size:1rem;margin-bottom:1rem}.permissions-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.perm-checkbox{align-items:center;background:var(--surface-light);border:2px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.875rem 1rem;transition:all .2s}.perm-checkbox:hover{background:var(--surface);border-color:var(--text-muted)}.perm-checkbox:has(input:checked){background:linear-gradient(135deg,#2e7d3233,#2e7d320d);border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);color:var(--primary-light)}.perm-checkbox input{accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.25rem}@media (max-width:600px){.form-row{grid-template-columns:1fr}.permissions-grid{grid-template-columns:1fr 1fr}}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.menus-admin-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.menu-admin-card{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:10px;gap:.75rem;min-width:200px;padding:1rem 1.25rem}.menu-admin-card,.menu-admin-info{display:flex;flex-direction:column}.menu-admin-info{gap:.25rem}.menu-admin-name{color:#fff;font-size:1rem;font-weight:600}.menu-admin-price{color:#fff;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700}.menu-admin-desc{color:#fffc;font-size:.8rem}.menu-admin-actions{display:flex;gap:.5rem}.menu-admin-actions .btn{background:#fff3;border:none;color:#fff}.menu-admin-actions .btn:hover{background:#ffffff4d}.menu-admin-actions .btn-danger{background:#f443364d}.menu-admin-actions .btn-danger:hover{background:#f4433680}.service-tab{animation:fadeIn .2s ease}.service-info-box{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.5rem}.service-info-box p{color:var(--text-secondary);margin:.25rem 0}.service-info-box strong{color:var(--primary-light)}.progress-bar-mini{background:var(--surface-light);border-radius:4px;display:inline-block;height:8px;overflow:hidden;vertical-align:middle;width:80px}.progress-bar-mini .progress-fill{border-radius:4px;height:100%;transition:width .3s}.progress-text{color:var(--text-muted);font-size:.8rem;margin-left:.5rem}.row-active{background:#2e7d321a!important}.row-active td{background:#0000!important}.action-buttons{display:flex;gap:.25rem}.production-admin-tab{animation:fadeIn .2s ease}.new-goal-section{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.new-goal-section h4{color:var(--text);margin:0 0 1rem}.goal-form .form-row{align-items:flex-end;display:flex;gap:1rem}.goals-section{margin-bottom:2rem}.goals-section h4{color:var(--text-secondary);font-size:1rem;margin:0 0 1rem}.goals-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.goal-admin-card{background:var(--surface);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem}.goal-admin-card.completed{border-color:var(--success);opacity:.7}.goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.goal-header h5{color:var(--text);font-size:1.1rem;margin:0}.completed-badge{background:var(--success);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.goal-progress{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.goal-admin-card .progress-bar{background:var(--surface-light);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.goal-admin-card .progress-fill{background:linear-gradient(90deg,var(--primary),var(--primary-light));height:100%;transition:width .3s ease}.progress-text{color:var(--primary-light);font-size:.9rem;font-weight:600;min-width:40px}.goal-stats{color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between}.goal-stats .remaining{color:var(--warning);font-weight:500}.commissions-tab{animation:fadeIn .2s ease}.commission-detail-view{animation:fadeIn .3s ease}.commissions-tab .tab-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.commissions-tab .tab-header h3{margin:0 0 .25rem}.commissions-tab .tab-header .text-muted{font-size:.9rem}.avatar-lg{border:3px solid var(--primary);border-radius:50%;height:72px;object-fit:cover;width:72px}.stats-periods{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:1.5rem 0}.stats-period{background:linear-gradient(135deg,var(--surface) 0,#2e7d320d 100%);border:1px solid var(--border);border-radius:16px;overflow:hidden}.stats-period h4{background:var(--primary);color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0;padding:.75rem 1rem;text-align:center;text-transform:uppercase}.period-stats{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.period-stat{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:1rem .5rem;text-align:center}.period-stat:last-child{border-right:none}.period-stat .stat-value{color:var(--text);display:block;font-size:1.15rem;font-weight:700;line-height:1.2}.period-stat .stat-value.text-success{color:var(--primary)}.period-stat .stat-label{color:var(--text-muted);display:block;font-size:.7rem;letter-spacing:.3px;margin-top:.35rem;text-transform:uppercase}@media (max-width:1100px){.stats-periods{grid-template-columns:1fr}.period-stats{grid-template-columns:repeat(5,1fr)}}.sale-detail-modal{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.sale-detail-content{background:var(--background);border-radius:16px;box-shadow:0 20px 60px #0006;max-height:80vh;max-width:480px;overflow-y:auto;width:90%}.sale-detail-header{align-items:center;background:var(--primary);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;position:-webkit-sticky;position:sticky;top:0}.sale-detail-header h3{font-size:1.1rem;font-weight:600;margin:0}.sale-detail-header .btn{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem .5rem;transition:background .2s}.sale-detail-header .btn:hover{background:#fff3}.sale-detail-info{grid-gap:.75rem;background:var(--surface);display:grid;gap:.75rem;grid-template-columns:1fr 1fr;padding:1.25rem 1.5rem}.sale-detail-info p{font-size:.9rem;margin:0}.sale-detail-info p strong{color:var(--text-muted);font-weight:500}.sale-detail-section{background:var(--surface);margin-top:1px;padding:1.25rem 1.5rem}.sale-detail-section h4{border-bottom:2px solid var(--primary);color:var(--primary);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;padding-bottom:.5rem;text-transform:uppercase}.sale-detail-section ul{list-style:none;margin:0;padding:0}.sale-detail-section>ul>li{border-bottom:1px solid var(--border);color:var(--text);display:flex;font-size:.9rem;justify-content:space-between;padding:.6rem 0}.sale-detail-section>ul>li:last-child{border-bottom:none}.menu-detail{border-bottom:1px solid var(--border);padding:.75rem 0}.menu-detail:last-child{border-bottom:none}.menu-detail>p{display:flex;font-weight:500;justify-content:space-between;margin:0}.menu-composition{list-style:none;margin:0;padding:.5rem 0 0 1rem}.menu-composition li{padding:.25rem 0}.menu-composition li:before{color:var(--primary);content:"•";margin-right:.5rem}.menu-composition li{color:var(--text-muted);font-size:.85rem}.sale-summary{font-size:.85rem;line-height:1.4;max-width:300px}.sale-summary .menus-tag{color:var(--primary);display:block;margin-top:.25rem}.clickable-row{cursor:pointer;transition:background .2s ease}.clickable-row:hover{background:var(--surface-hover)}.badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.badge-success{background:#2e7d3233;color:var(--primary)}@media (max-width:900px){.stats-periods{grid-template-columns:1fr}}.sidebar{background:#121212fa;border-right:1px solid var(--surface-light);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:240px;z-index:1000}.sidebar-header{border-bottom:1px solid var(--surface-light);padding:1.5rem}.sidebar-logo{align-items:center;display:flex;gap:.75rem;text-decoration:none}.logo-icon{background:var(--primary);height:10px;transform:rotate(45deg);width:10px}.logo-text{color:var(--secondary);font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;letter-spacing:1px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:1rem .75rem}.nav-item{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{background:var(--primary);color:#fff}.nav-item svg{flex-shrink:0}.sidebar-footer{border-top:1px solid var(--surface-light);display:flex;flex-direction:column;gap:.75rem;padding:1rem}.commission-badge,.user-commission{align-items:center;background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem}.commission-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.commission-value{color:var(--success);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700}.user-section{align-items:center;background:var(--surface);border-radius:8px;display:flex;gap:.75rem;padding:.5rem}.user-avatar{border:2px solid var(--primary);border-radius:50%;height:36px;object-fit:cover;width:36px}.user-avatar.placeholder{align-items:center;background:var(--primary);color:#fff;display:flex;font-size:.8rem;font-weight:600;justify-content:center}.user-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.user-name{color:var(--text);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-grade{font-size:.7rem;font-weight:500}.btn-logout{background:#0000;border:1px solid var(--surface-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;padding:.6rem;transition:all .2s;width:100%}.btn-logout:hover{background:var(--error);border-color:var(--error);color:#fff}@media (max-width:768px){.sidebar{border-right:none;border-top:1px solid var(--surface-light);bottom:0;flex-direction:row;height:auto;left:0;padding:.5rem;position:fixed;right:0;top:auto;width:100%}.sidebar-footer,.sidebar-header{display:none}.sidebar-nav{flex-direction:row;gap:0;justify-content:space-around;padding:0;width:100%}.nav-item{flex:1 1;flex-direction:column;font-size:.7rem;gap:.25rem;justify-content:center;padding:.5rem}.nav-item span{display:block}}
/*# sourceMappingURL=main.9a9b97f4.css.map*/