@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-color: #0b1120;--bg-secondary: #0f172a;--bg-sidebar: #0f172a;--bg-card: rgba(15, 23, 42, .7);--brand-primary: #f97316;--brand-secondary: #0ea5e9;--brand-accent: #fb923c;--brand-accent-hover: rgba(249, 115, 22, .1);--brand-success: #10b981;--brand-danger: #ef4444;--brand-warning: #f59e0b;--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .05);--border-active: rgba(249, 115, 22, .3);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--input-bg: rgba(15, 23, 42, .6);--input-border: rgba(249, 115, 22, .2);--input-focus: rgba(249, 115, 22, .6);--input-hover: rgba(30, 41, 59, .8);--shadow-glow: 0 0 40px rgba(249, 115, 22, .2);--shadow-glow-blue: 0 0 40px rgba(14, 165, 233, .2);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--blur: backdrop-filter: blur(16px);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--sidebar-width: 280px;--sidebar-collapsed: 80px;--header-height: 80px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}a{color:var(--brand-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--brand-accent)}button{cursor:pointer;font-family:Outfit,sans-serif}ul{list-style:none}.text-gradient{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-orange{background:linear-gradient(135deg,#f97316,#fde047);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-blue{background:linear-gradient(135deg,#0ea5e9,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .3s ease}.glass-card:hover{border-color:var(--glass-border);box-shadow:0 10px 30px #00000080;transform:translateY(-2px)}.glass-panel{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-primary{background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.badge-info{background:#0ea5e926;color:#38bdf8;border:1px solid rgba(14,165,233,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.login-container{display:flex;min-height:100vh;width:100%;position:relative;overflow:hidden;align-items:center;justify-content:center}.bg-blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.5;animation:float 20s infinite alternate cubic-bezier(.5,0,.5,1)}.blob-orange{width:50vw;height:50vw;max-width:600px;max-height:600px;background:radial-gradient(circle,#f9731699,#f9731600 70%);top:-10%;right:-10%}.blob-blue{width:60vw;height:60vw;max-width:700px;max-height:700px;background:radial-gradient(circle,#0ea5e980,#0ea5e900 70%);bottom:-20%;left:-10%;animation-delay:-5s}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(5%,5%) scale(1.1)}to{transform:translate(-3%,8%) scale(.9)}}.login-card{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:3rem;width:90%;max-width:440px;box-shadow:var(--shadow-glass),var(--shadow-glow);position:relative;z-index:10;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--brand-primary),var(--brand-secondary),transparent)}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-md);background:linear-gradient(135deg,#f9731626,#0ea5e926);border:1px solid rgba(249,115,22,.3);margin-bottom:1.5rem;box-shadow:0 0 20px #f9731626;color:var(--brand-primary)}.login-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.login-subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:300}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.form-label{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:.05em;text-transform:uppercase}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-muted);transition:color .3s ease;pointer-events:none;display:flex;align-items:center;justify-content:center}.form-input{width:100%;padding:.85rem 1rem .85rem 3rem;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:Outfit,sans-serif;transition:all .3s ease;outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--input-border);background:#0f172acc}.form-input:focus~.input-icon,.form-input:not(:placeholder-shown)~.input-icon{color:var(--brand-primary)}.form-utilities{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.85rem}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.checkbox-input{appearance:none;width:16px;height:16px;border:1px solid var(--glass-border);border-radius:4px;background:var(--input-bg);display:inline-block;position:relative;cursor:pointer;transition:all .2s}.checkbox-input:checked{background:var(--brand-primary);border-color:var(--brand-primary)}.checkbox-input:checked:after{content:"";position:absolute;top:1px;left:5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.forgot-link{color:var(--text-secondary);font-weight:400;transition:color .3s ease}.forgot-link:hover{color:var(--brand-primary)}.submit-btn{width:100%;padding:1rem;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));background-size:200% auto;color:#fff;font-size:1.05rem;font-weight:600;letter-spacing:.03em;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;overflow:hidden;position:relative;box-shadow:0 4px 15px #f9731633}.submit-btn:hover{background-position:right center;transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.submit-btn:active{transform:translateY(0)}.submit-icon{transition:transform .3s ease}.submit-btn:hover .submit-icon{transform:translate(4px)}.divider{display:flex;align-items:center;margin:2rem 0;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--glass-border)}.divider:before{margin-right:1rem}.divider:after{margin-left:1rem}.social-btns{display:flex;gap:1rem}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-weight:500;transition:all .3s ease}.social-btn:hover{background:#1e293bcc;border-color:#fff3}.social-icon{width:20px;height:20px}.footer-text{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--text-secondary)}.footer-link{color:var(--brand-primary);font-weight:600;margin-left:.25rem;transition:color .3s ease}.footer-link:hover{color:var(--brand-accent)}.layout-container{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-color);position:relative}.sidebar{width:var(--sidebar-width);height:100%;background-color:var(--bg-sidebar);border-right:1px solid var(--border-light);display:flex;flex-direction:column;z-index:50;transition:all .3s ease;flex-shrink:0}.sidebar-header{height:var(--header-height);padding:0 1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-light)}.logo-container{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,#f973161a,#0ea5e91a);border:1px solid rgba(249,115,22,.2);display:flex;align-items:center;justify-content:center;color:var(--brand-primary);box-shadow:0 0 15px #f973161a}.logo-text{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.sidebar-nav{flex:1;padding:1.5rem 1rem;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:4px}.nav-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 .5rem 1rem;font-weight:600}.nav-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;margin-bottom:.5rem;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background-color:var(--brand-primary);opacity:0;transition:opacity .3s ease}.nav-item:hover{background-color:var(--input-hover);color:var(--text-primary);transform:translate(4px)}.nav-item.active{background:linear-gradient(90deg,rgba(249,115,22,.1),transparent);color:var(--text-primary);border-right:1px solid transparent}.nav-item.active:before{opacity:1;box-shadow:0 0 10px var(--brand-primary)}.nav-icon{color:var(--text-muted);transition:color .3s ease}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{color:var(--brand-primary)}.nav-chevron{margin-left:auto;opacity:.3;transition:all .3s ease}.nav-item:hover .nav-chevron,.nav-item.active .nav-chevron{opacity:1;color:var(--brand-primary);transform:translate(2px)}.sidebar-footer{padding:1.5rem 1rem;border-top:1px solid var(--border-light)}.logout-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:var(--radius-md);color:#ef4444cc;font-weight:500;background:#ef44440d;border:1px solid transparent;transition:all .3s ease}.logout-btn:hover{background:#ef44441a;border-color:#ef444433;color:#ef4444}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden}.top-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;margin:1rem 2rem 0;border-radius:var(--radius-lg);z-index:40}.header-left{display:flex;align-items:center;gap:1rem}.page-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:1.5rem}.search-bar{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:.5rem 1rem;width:280px;transition:all .3s ease}.search-bar:focus-within{border-color:var(--input-border);box-shadow:0 0 0 2px #f973161a;background:#0f172acc}.search-icon{color:var(--text-muted);margin-right:.5rem}.search-bar input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;font-family:Outfit,sans-serif}.search-bar input::placeholder{color:var(--text-muted)}.bell-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--input-bg);border:1px solid var(--border-light);border-radius:50%;color:var(--text-secondary);transition:all .3s ease}.bell-btn:hover{background:var(--input-hover);color:var(--brand-primary)}.bell-badge{position:absolute;top:-2px;right:-2px;background:var(--brand-primary);color:#fff;font-size:.65rem;font-weight:700;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--bg-card)}.profile-container{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:background .3s ease}.profile-container:hover{background:var(--input-hover)}.profile-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;border:2px solid transparent}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.profile-role{font-size:.75rem;color:var(--text-muted)}.page-container{flex:1;padding:2rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.page-container::-webkit-scrollbar{width:6px}.dashboard-grid{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.stat-card{padding:1.5rem;display:flex;flex-direction:column}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.stat-title{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.stat-icon-wrapper{width:36px;height:36px;border-radius:var(--radius-sm);background:#f973161a;color:var(--brand-primary);display:flex;align-items:center;justify-content:center}.stat-card:nth-child(2) .stat-icon-wrapper{background:#ef44441a;color:#ef4444}.stat-card:nth-child(3) .stat-icon-wrapper{background:#10b9811a;color:#10b981}.stat-card:nth-child(4) .stat-icon-wrapper{background:#0ea5e91a;color:#0ea5e9}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.stat-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.stat-change.increase{color:#10b981}.stat-change.decrease{color:#ef4444}.stat-change span{color:var(--text-muted);font-weight:400;margin-left:.25rem}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;min-height:400px}.chart-card{padding:1.5rem;display:flex;flex-direction:column}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.chart-filter{background:var(--input-bg);border:1px solid var(--border-light);color:var(--text-secondary);padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.chart-filter:focus{border-color:var(--brand-primary)}.chart-container{flex:1;min-height:300px;width:100%}.tables-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.table-card{padding:1.5rem}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.view-all-btn{background:transparent;border:none;color:var(--brand-primary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}.view-all-btn:hover{color:var(--brand-accent)}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;border-bottom:1px solid var(--border-light)}.data-table td{padding:1rem;color:var(--text-secondary);font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.03)}.data-table tr:hover td{background:#ffffff05}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem}.font-medium{font-weight:500;color:var(--text-primary)}.font-bold{font-weight:700;color:var(--text-primary)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem}.status-dot.completed{background-color:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.pending{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b80}@media(max-width:1024px){.charts-row,.tables-row{grid-template-columns:1fr}}.inventory-container{display:flex;flex-direction:column;gap:1.5rem}.display-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.mb-6{margin-bottom:1.5rem}.add-item-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;cursor:pointer;box-shadow:0 4px 15px #f9731633}.inventory-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.inventory-tab{background:none;border:none;padding:1rem 0;color:var(--text-secondary);font-weight:500;cursor:pointer;position:relative;transition:color .2s ease}.inventory-tab:hover{color:var(--text-primary)}.inventory-tab.active{color:var(--brand-primary)}.inventory-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--brand-primary);border-radius:2px 2px 0 0}.inventory-main-card{display:flex;flex-direction:column;overflow:hidden}.inventory-table{width:100%;border-collapse:collapse;text-align:left;margin-top:1rem}.inventory-table th{padding:1rem;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light)}.inventory-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.03);font-size:.9rem}.inventory-table tr:hover td{background:#ffffff05}.status-indicator{display:flex;align-items:center;gap:.25rem}.status-dot-sm{width:6px;height:6px;border-radius:50%;display:inline-block}.bg-green-400{background-color:#4ade80;box-shadow:0 0 5px #4ade80}.bg-blue-400{background-color:#60a5fa;box-shadow:0 0 5px #60a5fa}.text-green-400{color:#4ade80}.text-yellow-400{color:#facc15}.text-red-400{color:#f87171}.text-blue-400{color:#60a5fa}.text-orange-400{color:#fb923c}.text-emerald-400{color:#34d399}.text-rose-400{color:#fb7185}.text-sky-400{color:#38bdf8}.text-primary{color:var(--text-primary)}.actions-cell{display:flex;gap:.5rem;justify-content:flex-end}.icon-action-btn{background:var(--input-bg);border:1px solid var(--border-light);color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.icon-action-btn:hover{background:var(--input-hover)}.icon-action-btn.edit:hover{color:#38bdf8;border-color:#38bdf84d}.icon-action-btn.delete:hover{color:#f87171;border-color:#f871714d}.empty-state{text-align:center;padding:3rem!important;color:var(--text-muted)!important;font-style:italic}.modal-content{width:100%;max-width:500px;padding:2rem;box-shadow:0 20px 40px #0006}.modal-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}@media(max-width:768px){.search-filter-group{flex-direction:column;width:100%}.search-box{width:100%}.inventory-header{flex-direction:column;gap:1rem;align-items:flex-start}.add-item-btn{width:100%;justify-content:center}}.orders-container{display:flex;flex-direction:column;gap:1.5rem}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-full);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-light);cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.create-order-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;cursor:pointer;box-shadow:0 4px 15px #f9731633}.orders-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.kpi-card{padding:1.25rem;display:flex;align-items:center;gap:1rem}.kpi-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);background:#1e293b80;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light)}.kpi-info{display:flex;flex-direction:column}.kpi-label{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.25rem}.kpi-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.order-tab{background:none;border:none;padding:1rem 0;color:var(--text-secondary);font-weight:500;cursor:pointer;position:relative;transition:color .2s ease}.order-tab:hover{color:var(--text-primary)}.order-tab.active{color:var(--brand-primary)}.order-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--brand-primary);border-radius:2px 2px 0 0}.orders-main-card{display:flex;flex-direction:column;overflow:hidden}.orders-table{width:100%;border-collapse:collapse;text-align:left;margin-top:1rem}.orders-table th{padding:1rem;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light)}.orders-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.03);font-size:.9rem;color:var(--text-secondary)}.orders-table tr:hover td{background:#ffffff05}.order-items{font-size:.8rem;color:var(--text-muted);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-content.drawer{position:fixed;right:0;top:0;bottom:0;width:100%;max-width:600px;background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--glass-border);box-shadow:-20px 0 40px #0006;display:flex;flex-direction:column}.drawer-header{padding:2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.drawer-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.close-btn{background:var(--input-bg);border:1px solid var(--border-light);color:var(--text-secondary);width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:var(--input-hover);color:var(--text-primary)}.drawer-body{padding:2rem;flex:1;overflow-y:auto}.drawer-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem}.form-section-title{font-size:.9rem;color:var(--brand-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:flex;align-items:center;gap:.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.full-width{grid-column:1 / -1}.save-btn{background:var(--brand-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:500;transition:all .2s ease}@media(max-width:768px){.orders-header{flex-direction:column;gap:1rem;align-items:flex-start}.search-filter-group{width:100%;flex-direction:column}.search-box{width:100%}.create-order-btn{width:100%;justify-content:center}}.ledger-container{display:flex;flex-direction:column;gap:1.5rem}.ledger-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.log-entry-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;cursor:pointer;box-shadow:0 4px 15px #10b98133;transition:all .2s ease}.log-entry-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b9814d}.ledger-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.kpi-card{padding:1.5rem;display:flex;flex-direction:column}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.kpi-title{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:1.8rem;font-weight:700;color:var(--text-primary)}.kpi-trend{font-size:.8rem;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.ledger-main-card{display:flex;flex-direction:column;overflow:hidden}.tabs-container{display:flex;gap:1rem;border-bottom:1px solid var(--border-light);padding:0 1.5rem}.ledger-tab{background:none;border:none;padding:1rem 0;color:var(--text-secondary);font-weight:500;cursor:pointer;position:relative;transition:color .2s ease}.ledger-tab:hover{color:var(--text-primary)}.ledger-tab.active{color:var(--brand-primary)}.ledger-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--brand-primary);border-radius:2px 2px 0 0}.table-wrapper{overflow-x:auto;padding:0 1.5rem 1.5rem}.ledger-table{width:100%;border-collapse:collapse;text-align:left;margin-top:1.5rem}.ledger-table th{padding:1rem;color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light)}.ledger-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.03);font-size:.9rem;color:var(--text-secondary)}.ledger-table tr:hover td{background:#ffffff05}.money-in{color:#10b981;font-weight:700}.money-out{color:#ef4444;font-weight:700}.modal-backdrop{position:fixed;inset:0;background:#0b1120cc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center}.modal-content{width:100%;max-width:480px;padding:2rem;box-shadow:0 20px 40px #0006;border:1px solid var(--border-light);border-radius:var(--radius-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.close-btn{background:transparent;border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.form-input{background:var(--input-bg);border:1px solid var(--border-light);padding:.75rem 1rem;border-radius:var(--radius-sm);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.9rem;outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--brand-primary);background:var(--input-hover)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.cancel-btn{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:500;transition:all .2s ease}.cancel-btn:hover{background:#ffffff0d;color:var(--text-primary)}.save-btn{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.save-btn:hover{background:var(--brand-accent)}.customers-container{display:flex;flex-direction:column;gap:1.5rem}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.search-filter-group{display:flex;gap:1rem}.search-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;width:350px;border-radius:var(--radius-full)}.search-box input{background:transparent;border:none;outline:none;color:var(--text-primary);width:100%;font-family:Outfit,sans-serif}.search-box input::placeholder{color:var(--text-muted)}.add-customer-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--brand-secondary),#38bdf8);color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;cursor:pointer;box-shadow:0 4px 15px #0ea5e933}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.customer-card{padding:1.5rem;display:flex;flex-direction:column;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-light)}.customer-card:hover{border-color:var(--brand-secondary);box-shadow:0 10px 30px #0006,0 0 15px #0ea5e91a;transform:translateY(-4px)}.customer-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.customer-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#0ea5e91a,#f973161a);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--brand-secondary);border:1px solid rgba(14,165,233,.2)}.customer-info h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:.2rem}.customer-role{font-size:.8rem;color:var(--text-muted)}.customer-details{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:var(--text-secondary);margin-bottom:1.25rem}.detail-row{display:flex;align-items:center;gap:.5rem}.quick-stats{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border-light)}.q-stat{display:flex;flex-direction:column}.q-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted)}.q-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.profile-drawer{position:fixed;right:0;top:0;bottom:0;width:100%;max-width:650px;background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--glass-border);box-shadow:-20px 0 40px #00000080;display:flex;flex-direction:column;z-index:101}.profile-header{padding:2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:flex-start;background:#0f172a66}.profile-title-area{display:flex;gap:1.25rem;align-items:center}.profile-avatar-lg{width:64px;height:64px;border-radius:var(--radius-md);background:var(--brand-secondary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 15px #0ea5e94d}.profile-body{flex:1;padding:1.5rem;overflow-y:auto}.profile-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.p-kpi{background:var(--input-bg);padding:1rem;border-radius:var(--radius-sm);border:1px solid var(--border-light);display:flex;flex-direction:column;align-items:center;text-align:center}.p-kpi-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-top:.5rem}.p-kpi-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.profile-section-title{font-size:.95rem;font-weight:600;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.mini-table{width:100%;border-collapse:collapse;margin-bottom:2rem;font-size:.85rem}.mini-table th{text-align:left;padding:.75rem;color:var(--text-muted);border-bottom:1px solid var(--border-light)}.mini-table td{padding:.75rem;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.02)}