:root{--aruna-terracotta:#a0634b;--aruna-terracotta-light:#c4856d;--aruna-terracotta-dark:#7a4a37;--aruna-cream:#e8d5b7;--aruna-cream-light:#f5ede0;--aruna-cream-dark:#d4bfa3;--system-blue:#007aff;--system-green:#34c759;--system-orange:#ff9500;--system-red:#ff3b30;--system-yellow:#fc0;--system-purple:#af52de;--system-teal:#5ac8fa;--bg-primary:var(--aruna-cream-light);--bg-secondary:#ebe0d0;--bg-tertiary:#e0d3bf;--bg-elevated:#fdf9f3;--bg-grouped:#ebe0d0;--text-primary:var(--aruna-terracotta-dark);--text-secondary:#7a4a37bf;--text-tertiary:#7a4a3780;--text-quaternary:#7a4a374d;--fill-primary:#a0634b1f;--fill-secondary:#a0634b14;--fill-tertiary:#a0634b0d;--separator:#a0634b26;--separator-opaque:#d9cbb6;--glass-bg:#fdf9f380;--glass-bg-hover:#fdf9f3b3;--glass-bg-active:#fdf9f3e6;--glass-border:#a0634b33;--glass-border-hover:#a0634b59;--glass-shadow:0 8px 32px #3e241b1f, inset 0 1px 0 #ffffff26;--glass-shadow-elevated:0 16px 48px #3e241b33, inset 0 1px 0 #ffffff40;--glass-blur:40px;--glass-blur-heavy:80px;--aruna-glass-bg:#a0634b14;--aruna-glass-border:#a0634b40;--aruna-glass-glow:0 0 40px #a0634b26;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:26px;--radius-full:9999px;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;--font-serif:"Playfair Display", "Bodoni MT", "Times New Roman", serif;--font-mono:"SF Mono", "Menlo", "Monaco", monospace;--font-rounded:-apple-system, BlinkMacSystemFont, "SF Pro Rounded", "Helvetica Neue", system-ui, sans-serif;--text-caption2:11px;--text-caption1:12px;--text-footnote:13px;--text-subhead:15px;--text-body:17px;--text-headline:17px;--text-title3:20px;--text-title2:22px;--text-title1:28px;--text-large-title:34px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--ease-spring:cubic-bezier(.25, .46, .45, .94);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-spring:.5s;--sidebar-width:260px;--sidebar-collapsed:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);letter-spacing:-.022em;min-height:100dvh;line-height:1.47;overflow:hidden}a{color:var(--aruna-terracotta-light);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:var(--text-body);color:var(--text-primary);background:var(--fill-tertiary);border-radius:var(--radius-md);padding:var(--space-12) var(--space-16);transition:border-color var(--duration-fast) ease, background var(--duration-fast) ease;border:1px solid #0000;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--aruna-terracotta);background:var(--fill-secondary);box-shadow:0 0 0 3px #a0634b26}input::placeholder{color:var(--text-tertiary)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(62,36,27,0.75)' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--fill-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--fill-primary)}#app{height:100dvh;display:flex;overflow:hidden}.app-main{transition:margin-left var(--duration-slow) var(--ease-spring);flex-direction:column;flex:1;display:flex;overflow:hidden}body:before{content:"";opacity:.04;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.app-main>*{z-index:1;position:relative}.page-header{padding:var(--space-24) var(--space-32);padding-bottom:var(--space-16)}.page-header h1{font-family:var(--font-serif);font-size:var(--text-large-title);letter-spacing:.01em;color:var(--text-primary);font-style:italic;font-weight:600;line-height:1.1}.page-header .subtitle{font-size:var(--text-subhead);color:var(--text-secondary);margin-top:var(--space-4)}.page-content{padding:0 var(--space-32) var(--space-32);flex:1;overflow-y:auto}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--aruna-terracotta-dark);height:100dvh;color:var(--aruna-cream-light);border-right:1px solid var(--glass-border);padding:var(--space-16);transition:all var(--duration-slow) var(--ease-spring);z-index:100;flex-direction:column;display:flex;position:relative;overflow:visible}.sidebar.collapsed{width:72px;min-width:72px}.sidebar.collapsed .sidebar-brand>span,.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-footer-info{display:none}.sidebar.collapsed .sidebar-brand{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .nav-item{padding:var(--space-8);justify-content:center}.sidebar.collapsed .nav-icon{margin:0}.sidebar-brand{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-8);margin-bottom:var(--space-24);display:flex}.sidebar-brand img{border-radius:var(--radius-sm);object-fit:cover;filter:brightness(0)invert();width:36px;height:36px}.sidebar-brand span{font-family:var(--font-serif);font-size:var(--text-title2);letter-spacing:.02em;color:var(--aruna-cream-light);font-style:italic;font-weight:500}.sidebar-nav{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.nav-section-title{font-size:var(--text-caption1);font-weight:var(--weight-semibold);color:#f5ede080;text-transform:uppercase;letter-spacing:.06em;padding:var(--space-16) var(--space-8) var(--space-8)}.nav-item{align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-12);border-radius:var(--radius-md);font-size:var(--text-subhead);font-weight:var(--weight-medium);color:#f5ede0cc;transition:all var(--duration-fast) ease;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;position:relative}.nav-item:hover{color:var(--aruna-cream-light);background:#f5ede014}.nav-item.active{color:var(--aruna-cream-light);background:#f5ede026;border:1px solid #f5ede033;box-shadow:0 0 10px #f5ede00d}.nav-item .nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:18px;display:flex}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.nav-icon svg{width:100%;height:100%}.nav-item .nav-badge{font-size:var(--text-caption2);font-weight:var(--weight-semibold);background:var(--system-red);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:18px;margin-left:auto;padding:1px 6px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);transition:all var(--duration-normal) var(--ease-spring)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-elevated);transform:translateY(-2px)}.glass-card-static{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow)}.kpi-grid{gap:var(--space-16);margin-bottom:var(--space-24);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{padding:var(--space-20);position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(90deg, var(--aruna-terracotta), var(--aruna-terracotta-light));border-radius:var(--radius-xl) var(--radius-xl) 0 0;opacity:0;height:3px;transition:opacity var(--duration-normal) ease;position:absolute;top:0;left:0;right:0}.kpi-card:hover:before{opacity:1}.kpi-label{font-size:var(--text-caption1);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-8)}.kpi-value{font-family:var(--font-sans);font-size:var(--text-large-title);letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-style:normal;font-weight:700}.kpi-change{align-items:center;gap:var(--space-4);font-size:var(--text-caption1);font-weight:var(--weight-semibold);margin-top:var(--space-8);border-radius:var(--radius-full);padding:2px 8px;display:inline-flex}.kpi-change.positive{color:var(--system-green);background:#34c7591f}.kpi-change.negative{color:var(--system-red);background:#ff3b301f}.btn{justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);border-radius:var(--radius-md);font-size:var(--text-subhead);font-weight:var(--weight-semibold);transition:all var(--duration-fast) ease;white-space:nowrap;-webkit-user-select:none;user-select:none;display:inline-flex}.btn-primary{background:var(--aruna-terracotta);color:#fff}.btn-primary:hover{background:var(--aruna-terracotta-light);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--fill-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--fill-secondary)}.btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-glass:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.btn-danger{color:var(--system-red);background:#ff3b3026}.btn-danger:hover{background:#ff3b3040}.btn-sm{padding:var(--space-4) var(--space-12);font-size:var(--text-footnote)}.btn-lg{padding:var(--space-12) var(--space-24);font-size:var(--text-body)}.data-table-wrap{border-radius:var(--radius-xl);overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-subhead)}.data-table thead th{text-align:left;font-size:var(--text-caption1);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--separator);background:var(--bg-secondary);z-index:2;position:sticky;top:0}.data-table tbody td{padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--separator);vertical-align:middle;font-variant-numeric:tabular-nums;transition:all var(--duration-fast) ease}.data-table tbody tr{transition:transform var(--duration-fast) ease}.data-table tbody tr:hover td{background:var(--glass-bg-hover);box-shadow:inset 0 2px 4px #3e241b05,inset 0 -2px 4px #3e241b05}.data-table tbody tr:last-child td{border-bottom:none}.stock-pill{font-size:var(--text-caption1);font-weight:var(--weight-semibold);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.stock-pill.ok{color:var(--system-green);background:#34c7591f}.stock-pill.low{color:var(--system-orange);background:#ff95001f}.stock-pill.out{color:var(--system-red);background:#ff3b301f}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;visibility:hidden;transition:all var(--duration-normal) ease;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--bg-secondary);-webkit-backdrop-filter:blur(var(--glass-blur-heavy));backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow-elevated);width:90%;max-width:520px;max-height:85vh;transition:transform var(--duration-slow) var(--ease-bounce);overflow-y:auto;transform:scale(.95)translateY(10px)}.modal-overlay.active .modal{transform:scale(1)translateY(0)}.modal-header{padding:var(--space-20) var(--space-24);border-bottom:1px solid var(--separator);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--text-title3);font-weight:var(--weight-semibold)}.modal-close{border-radius:var(--radius-full);background:var(--fill-tertiary);width:28px;height:28px;transition:background var(--duration-fast) ease;justify-content:center;align-items:center;font-size:16px;display:flex}.modal-close:hover{background:var(--fill-secondary)}.modal-body{padding:var(--space-24)}.modal-footer{justify-content:flex-end;gap:var(--space-12);padding:var(--space-16) var(--space-24);border-top:1px solid var(--separator);display:flex}.form-group{margin-bottom:var(--space-16)}.form-group label{font-size:var(--text-footnote);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--space-4);display:block}.form-row{gap:var(--space-12);grid-template-columns:1fr 1fr;display:grid}.search-bar{position:relative}.search-bar input{background:var(--fill-tertiary);border-radius:var(--radius-md);padding-left:40px}.search-bar .search-icon{color:var(--text-tertiary);pointer-events:none;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.toolbar{align-items:center;gap:var(--space-12);padding-bottom:var(--space-16);flex-wrap:wrap;display:flex}.toolbar .search-bar{flex:1;min-width:200px}.segmented-control{background:var(--fill-tertiary);border-radius:var(--radius-sm);padding:2px;display:inline-flex}.segment-btn{align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-16);font-size:var(--text-footnote);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) ease;border-radius:6px;display:inline-flex}.segment-btn svg{width:16px;height:16px}.segment-btn.active{background:var(--fill-primary);color:var(--text-primary)}.toast-container{top:var(--space-24);right:var(--space-24);z-index:2000;gap:var(--space-8);flex-direction:column;display:flex;position:fixed}.toast{background:var(--bg-elevated);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-20);font-size:var(--text-subhead);box-shadow:var(--glass-shadow);align-items:center;gap:var(--space-12);animation:toastIn var(--duration-slow) var(--ease-bounce);min-width:280px;display:flex}.toast.success{border-left:3px solid var(--system-green)}.toast.error{border-left:3px solid var(--system-red)}.toast.warning{border-left:3px solid var(--system-orange)}@keyframes toastIn{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.empty-state{text-align:center;padding:var(--space-48);color:var(--text-tertiary);overflow:hidden}.empty-state svg{width:48px;height:48px;margin:0 auto var(--space-16);opacity:.4;display:block}.empty-state .empty-icon{margin-bottom:var(--space-16);font-size:48px}.empty-state h3{font-size:var(--text-title3);color:var(--text-secondary);margin-bottom:var(--space-8)}.empty-state p{font-size:var(--text-subhead)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slideUp var(--duration-slow) var(--ease-spring) both}.page-view{animation:fadeIn var(--duration-normal) ease both}.chart-row{gap:var(--space-16);margin-bottom:var(--space-24);grid-template-columns:1fr 1fr;display:grid}.chart-container{padding:var(--space-20);animation:slideUp var(--duration-slow) var(--ease-spring) both}.chart-container:nth-child(2){animation-delay:80ms}.chart-wide{grid-column:1}.chart-title{font-size:var(--text-headline);font-weight:var(--weight-semibold);margin-bottom:var(--space-16);letter-spacing:-.01em}.chart-wrap{height:280px;position:relative}.chart-wrap-wide{height:260px}@media (width<=900px){.chart-row{grid-template-columns:1fr}.chart-wide{grid-column:auto}}.btn-export{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-12);font-size:var(--text-footnote);font-weight:var(--weight-medium);border-radius:var(--radius-md);background:var(--fill-tertiary);color:var(--text-secondary);transition:all var(--duration-fast) ease;cursor:pointer;border:1px solid #0000;display:inline-flex}.btn-export:hover{background:var(--aruna-glass-bg);border-color:var(--aruna-glass-border);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 12px #3e241b14}.btn-export .export-icon{font-size:14px}.login-container{background:linear-gradient(135deg, var(--aruna-brown-deep) 0%, var(--aruna-terracota) 40%, var(--aruna-cream-dark) 100%);z-index:5000;justify-content:center;align-items:center;animation:.6s ease-out loginFadeIn;display:flex;position:fixed;inset:0}@keyframes loginFadeIn{0%{opacity:0}to{opacity:1}}.login-card{-webkit-backdrop-filter:blur(24px)saturate(1.6);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-40) var(--space-32);background:#f5ede0d9;border:1px solid #ffffff80;animation:.5s ease-out .2s both loginCardSlide;box-shadow:0 24px 80px #3e241b40,0 8px 32px #3e241b1f,inset 0 1px #fff9}@keyframes loginCardSlide{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-brand{text-align:center;margin-bottom:var(--space-32)}.login-logo{width:64px;height:64px;margin-bottom:var(--space-12);filter:drop-shadow(0 4px 12px #3e241b33)}.login-title{font-family:var(--font-display);font-size:32px;font-weight:var(--weight-bold);color:var(--aruna-brown-deep);letter-spacing:-.02em}.login-subtitle{font-size:var(--text-subhead);color:var(--text-secondary);margin-top:var(--space-4)}.login-form{gap:var(--space-16);flex-direction:column;display:flex}.login-form-group label{font-size:var(--text-caption1);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4);display:block}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:12px}.login-input-wrapper input{width:100%;padding:var(--space-12) var(--space-12) var(--space-12) 40px;font-size:var(--text-body);font-family:var(--font-sans);color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--duration-fast) ease;background:#fff9;border:1px solid #3e241b26}.login-input-wrapper input:focus{border-color:var(--aruna-terracota);background:#ffffffe6;outline:none;box-shadow:0 0 0 3px #a3634826}.login-input-wrapper input::placeholder{color:var(--text-quaternary)}.login-error{padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);color:var(--system-red);font-size:var(--text-footnote);font-weight:var(--weight-medium);text-align:center;background:#dc354514;border:1px solid #dc354533}.login-error.shake{animation:.4s ease-in-out shakeError}@keyframes shakeError{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-btn{width:100%;padding:var(--space-16) var(--space-20);font-size:var(--text-body);font-weight:var(--weight-bold);font-family:var(--font-sans);letter-spacing:.02em;color:#fff;background:var(--aruna-brown-deep);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-8);transition:all var(--duration-fast) ease;margin-top:var(--space-8);border:none;display:flex;box-shadow:0 4px 16px #3e241b59}.login-btn:hover:not(:disabled){background:var(--aruna-terracota);transform:translateY(-1px);box-shadow:0 6px 24px #3e241b73}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:wait}.login-btn-loader{justify-content:center;align-items:center;animation:1s linear infinite loginSpin;display:flex}@keyframes loginSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:var(--space-24);padding-top:var(--space-16);font-size:var(--text-caption2);color:var(--text-quaternary);justify-content:center;align-items:center;gap:var(--space-8);border-top:1px solid #3e241b14;display:flex}.sidebar-user-section{padding:var(--space-12) var(--space-8);border-top:1px solid #f5ede01a;margin-top:auto}.sidebar-user-info{align-items:center;gap:var(--space-8);margin-bottom:var(--space-8);display:flex}.sidebar-user-avatar{width:28px;height:28px;font-size:var(--text-caption1);font-weight:var(--weight-bold);color:var(--aruna-cream-light);background:#f5ede026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-email{font-size:var(--text-caption2);color:#f5ede080;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn-logout{width:100%;padding:var(--space-4) var(--space-8);font-size:var(--text-caption1);font-family:var(--font-sans);color:#f5ede099;border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-4);transition:all var(--duration-fast) ease;background:#f5ede00f;border:1px solid #f5ede01a;display:flex}.btn-logout:hover{color:#ff6b6b;background:#dc354526;border-color:#dc35454d}.btn-logout svg{width:14px;height:14px}@media (width<=480px){.login-container{padding:var(--space-16);align-items:flex-start;padding-top:15vh}.login-card{max-width:100%;padding:var(--space-24) var(--space-20);border-radius:var(--radius-lg);box-shadow:0 12px 40px #3e241b33,0 4px 16px #3e241b1a}.login-logo{width:48px;height:48px}.login-title{font-size:26px}.login-subtitle{font-size:var(--text-footnote)}.login-brand{margin-bottom:var(--space-24)}.login-form{gap:var(--space-12)}.login-input-wrapper input{padding:var(--space-16) var(--space-12) var(--space-16) 40px;font-size:16px}.login-btn{padding:var(--space-16) var(--space-20);font-size:16px}.login-footer{margin-top:var(--space-16);padding-top:var(--space-12);font-size:10px}}@media (width<=360px){.login-container{padding:var(--space-12);padding-top:10vh}.login-card{padding:var(--space-20) var(--space-16)}.login-title{font-size:22px}}@media (height<=500px){.login-container{padding-top:var(--space-16);align-items:center}.login-card{padding:var(--space-16) var(--space-24)}.login-brand{margin-bottom:var(--space-12)}.login-logo{width:36px;height:36px;margin-bottom:var(--space-4)}.login-title{font-size:22px}.login-subtitle{display:none}.login-form{gap:var(--space-8)}.login-footer{display:none}}.mobile-menu-toggle{top:var(--space-12);left:var(--space-12);z-index:201;border-radius:var(--radius-md);background:var(--aruna-terracotta-dark);width:40px;height:40px;color:var(--aruna-cream-light);cursor:pointer;transition:all var(--duration-fast) ease;border:1px solid #f5ede033;justify-content:center;align-items:center;display:none;position:fixed;box-shadow:0 2px 12px #3e241b4d}.mobile-menu-toggle:active{transform:scale(.92)}.sidebar-backdrop{z-index:149;opacity:0;transition:opacity var(--duration-slow) ease;background:#00000073;display:none;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1}@media (width<=768px){.mobile-menu-toggle{display:flex}.sidebar-backdrop{pointer-events:none;display:block}.sidebar-backdrop.visible{pointer-events:auto}.sidebar{width:280px;min-width:280px;height:100dvh;transition:transform var(--duration-slow) var(--ease-spring);z-index:200;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000004d}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px;min-width:280px}.sidebar.collapsed .sidebar-brand>span,.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-footer-info{display:initial}.sidebar.collapsed .nav-item{padding:var(--space-8) var(--space-12);justify-content:flex-start}#sidebar-toggle{display:none!important}.app-main{width:100%;margin-left:0!important}.page-header{padding:var(--space-16) var(--space-16);padding-top:60px}.page-header h1{font-size:var(--text-title1)}.page-content{padding:0 var(--space-16) var(--space-16)}.stats-grid{gap:var(--space-12)!important;grid-template-columns:repeat(2,1fr)!important}.data-table-container,.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table,table{min-width:600px}.modal-content{border-radius:var(--radius-lg)!important;width:95vw!important;max-width:95vw!important;max-height:90dvh!important}.page-actions,.section-actions{gap:var(--space-8);flex-wrap:wrap}.page-actions .search-input{order:2;width:100%!important}.page-actions .btn{flex:1;justify-content:center;min-width:0}}@media (width<=480px){.stats-grid{grid-template-columns:1fr!important}.page-header{padding-top:56px}.page-header h1{font-size:var(--text-title2)}}.loading-spinner{border:3px solid var(--fill-tertiary);border-top-color:var(--aruna-terracotta);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{justify-content:center;align-items:center;width:100%;padding:80px 0;display:flex}