.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--bg-primary)}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:10;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#ffffffb3}[data-theme=dark] .mobile-header{background-color:#1c1c1eb3}.branding h2{font-size:1.25rem;letter-spacing:-.02em;margin:0}.context-toggle{background:var(--bg-tertiary);border:none;border-radius:20px;padding:8px 12px;font-size:.85rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px;cursor:pointer;transition:var(--transition-smooth)}.context-toggle:hover{background:var(--border-color)}.main-content{flex:1;overflow-y:auto;padding:20px 20px 100px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:12px 0 24px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100}[data-theme=dark] .bottom-nav{background-color:#1c1c1ed9}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-tertiary);gap:4px;transition:var(--transition-smooth)}.nav-item span{font-size:.7rem;font-weight:500}.nav-item:hover{color:var(--text-secondary)}.nav-item.active{color:var(--accent-primary)}.desktop-sidebar-header,.sidebar-collapse-toggle{display:none}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);flex-shrink:0;z-index:10}.sidebar-toggle-btn .icon-wrapper{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.sidebar-toggle-btn .icon-wrapper *{stroke:currentColor}.sidebar-toggle-btn:hover{background:var(--border-color);color:var(--text-secondary);transform:scale(1.05)}@media(min-width:768px){.app-container{flex-direction:row}.mobile-header{display:none}.bottom-nav{position:static;flex-direction:column;justify-content:flex-start;width:280px;min-width:280px;height:100vh;padding:32px 16px;border-top:none;border-right:1px solid var(--border-color);background-color:var(--bg-secondary);transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1)}.app-container.sidebar-collapsed{--sidebar-width: 80px}.bottom-nav.sidebar-collapsed{width:80px;min-width:80px;padding:32px 12px;align-items:center}.desktop-sidebar-header{display:block!important}.sidebar-collapse-toggle{display:flex;flex-direction:column;align-items:center;margin-top:auto;width:100%;padding-top:32px;border-top:1px solid var(--border-color)}.nav-item{flex-direction:row;padding:12px 16px;border-radius:var(--border-radius-md);margin-bottom:8px;transition:all .2s ease}.nav-item span{font-size:1rem;margin-left:12px;white-space:nowrap;overflow:hidden}.nav-item.active{background-color:var(--accent-primary);color:#fff}.sidebar-collapsed .nav-item{justify-content:center;padding:12px}.main-content{padding:40px}}:root{--sidebar-width: 0px;--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--bg-tertiary: #f2f2f7;--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #a1a1a6;--accent-primary: #0071e3;--accent-primary-hover: #0077ed;--success: #34c759;--success-bg: rgba(52, 199, 89, .1);--danger: #ff3b30;--danger-bg: rgba(255, 59, 48, .1);--warning: #ff9500;--border-color: rgba(60, 60, 67, .12);--border-radius-sm: 8px;--border-radius-md: 14px;--border-radius-lg: 20px;--border-radius-xl: 32px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--font-family-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1)}@media(min-width:768px){:root{--sidebar-width: 280px}}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--text-primary: #f5f5f7;--text-secondary: #86868b;--text-tertiary: #aeaeb2;--accent-primary: #0a84ff;--accent-primary-hover: #007aff;--success: #30d158;--success-bg: rgba(48, 209, 88, .15);--danger: #ff453a;--danger-bg: rgba(255, 69, 58, .15);--border-color: rgba(84, 84, 88, .35);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;line-height:1.5;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1{font-size:2.25rem;font-weight:700;letter-spacing:-.02em}h2{font-size:1.75rem;font-weight:600;letter-spacing:-.01em}h3{font-size:1.25rem;font-weight:600}h4{font-size:1rem;font-weight:600}p{font-size:.95rem;color:var(--text-secondary)}.glass-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:var(--transition-smooth)}.glass-panel:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}input,select{width:100%;padding:14px 16px;background-color:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--border-radius-md);color:var(--text-primary);font-size:1rem;font-family:var(--font-family-sans);transition:var(--transition-smooth);outline:none}input:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0a84ff26;background-color:var(--bg-secondary)}input::placeholder{color:var(--text-tertiary)}button{cursor:pointer;font-family:var(--font-family-sans);font-weight:600;font-size:.95rem;padding:12px 20px;border-radius:var(--border-radius-xl);border:none;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:8px}button.primary{background-color:var(--accent-primary);color:#fff}button.primary:hover{background-color:var(--accent-primary-hover);transform:scale(1.02)}button.primary:active{transform:scale(.98)}button.secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}button.secondary:hover{background-color:var(--border-color)}button.text-gradient-brand{background:linear-gradient(135deg,#5b86e5,#36d1dc)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:transparent!important;display:inline-block}button.danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid transparent}button.danger:hover{background-color:var(--danger);color:#fff}.text-danger{color:var(--danger)}.bg-danger-light{background-color:var(--danger-bg);color:var(--danger);padding:8px 12px;border-radius:var(--border-radius-sm)}.text-success{color:var(--success)}.bg-success-light{background-color:var(--success-bg);color:var(--success);padding:8px 12px;border-radius:var(--border-radius-sm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:var(--sidebar-width);z-index:1000;background-color:var(--modal-overlay-bg, rgba(0, 0, 0, .15));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;position:relative;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}.modal-container-md{max-width:600px}.modal-container-lg{max-width:900px}.modal-container-xl{max-width:1100px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.w-full{width:100%}.h-full{height:100%}.flex-1{flex:1 1 0%}.overflow-y-auto{overflow-y:auto}.summary-box{background-color:var(--bg-tertiary);border-radius:var(--border-radius-md);padding:16px;display:flex;flex-direction:column;justify-content:center;transition:var(--transition-smooth);border:1px solid transparent}.summary-box:hover{border-color:var(--border-color)}.scroll-hide::-webkit-scrollbar{display:none}.scroll-hide{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.action-btn{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.action-btn-edit:hover{color:var(--primary);background-color:#0066ff1a;border-color:#06f3}html.dark .action-btn-edit:hover{background-color:#3b82f626;border-color:#3b82f640}.action-btn-delete:hover{color:var(--danger);background-color:#ef44441a;border-color:#ef444433}@keyframes variance-alert-glow{0%,to{box-shadow:0 0 6px #ff2d5566,0 4px 15px #5856d626}50%{box-shadow:0 0 22px #ff2d55b3,0 4px 20px #ff2d5540}}.variance-btn-alert{animation:variance-alert-glow 1.8s ease-in-out infinite}