:root,:root[data-theme=dark]{--primary: #19C297;--primary-light: #3DD9AE;--primary-soft: rgba(25, 194, 151, .12);--primary-glow: rgba(25, 194, 151, .25);--accent: #FF6B57;--accent-soft: rgba(255, 107, 87, .12);--danger: #FF5252;--danger-soft: rgba(255, 82, 82, .1);--danger-border: rgba(255, 82, 82, .3);--success: #00E676;--warning: #FFA500;--warning-soft: rgba(255, 165, 0, .1);--warning-border: rgba(255, 165, 0, .3);--info: #5AA8FF;--info-soft: rgba(90, 168, 255, .12);--primary-border: rgba(25, 194, 151, .35);--on-primary: #052A20;--overlay: rgba(0, 0, 0, .8);--bg-main: #0A0A0A;--bg-secondary: rgba(255, 255, 255, .05);--bg-card: rgba(255, 255, 255, .03);--text-dark: #FFFFFF;--text-main: #E2E8F0;--text-light: #A0AEC0;--text-extra-light: #718096;--shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, .3);--shadow-medium: 0 10px 30px -4px rgba(0, 0, 0, .5);--border-color: rgba(255, 255, 255, .08);--bg-secondary-rgb: 20, 20, 20;--bg-dark: #070707;--bg-surface: #0D0D0D;--text-gray: #718096;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;color-scheme:dark}:root[data-theme=light]{--primary: #159f7d;--primary-light: #22b78f;--primary-soft: rgba(21, 159, 125, .12);--primary-glow: rgba(21, 159, 125, .18);--accent: #ef6b4f;--accent-soft: rgba(239, 107, 79, .12);--danger: #e24b4b;--danger-soft: rgba(226, 75, 75, .1);--danger-border: rgba(226, 75, 75, .28);--success: #0f9f62;--warning: #c07207;--warning-soft: rgba(192, 114, 7, .1);--warning-border: rgba(192, 114, 7, .28);--info: #2563eb;--info-soft: rgba(37, 99, 235, .1);--primary-border: rgba(21, 159, 125, .32);--on-primary: #ffffff;--overlay: rgba(15, 23, 42, .5);--bg-main: #f5f7fb;--bg-secondary: rgba(15, 23, 42, .05);--bg-card: rgba(255, 255, 255, .9);--text-dark: #101828;--text-main: #243041;--text-light: #526071;--text-extra-light: #7b8794;--shadow-soft: 0 8px 24px -12px rgba(15, 23, 42, .18);--shadow-medium: 0 18px 40px -18px rgba(15, 23, 42, .22);--border-color: rgba(15, 23, 42, .08);--bg-secondary-rgb: 255, 255, 255;--bg-dark: #eef2f7;--bg-surface: #ffffff;--text-gray: #7b8794;color-scheme:light}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden;background-color:var(--bg-main)}.app-container{height:100%;width:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;background-color:var(--bg-main)}main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:var(--bg-main);position:relative;display:flex;flex-direction:column}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:Inter,-apple-system,system-ui,sans-serif;letter-spacing:-.01em;transition:background-color .4s cubic-bezier(.4,0,.2,1),border-color .4s ease,box-shadow .4s ease}body{background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--text-dark);font-weight:800;letter-spacing:-.02em}p,span,label,div{color:var(--text-main)}.card-shadow{background:var(--bg-card);box-shadow:var(--shadow-soft);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all .2s ease}.primary-button{background:var(--primary);color:var(--on-primary);border:none;border-radius:var(--radius-md);font-weight:800;padding:14px 24px;cursor:pointer;box-shadow:0 8px 20px var(--primary-glow)}.standard-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-soft)!important}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.upload-spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.save-bar{animation:savePulse 2s ease-in-out infinite}@keyframes savePulse{0%,to{box-shadow:0 12px 36px #00000059,0 0 0 0 var(--primary-glow)}50%{box-shadow:0 12px 36px #00000059,0 0 0 8px var(--primary-glow)}}@media print{.no-print{display:none!important}}.mimo-layout{display:flex;height:100%;width:100%;overflow:hidden;background:var(--bg-main)}.mimo-sidebar{width:225px;min-width:225px;height:100%;display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border-color);padding:18px 14px;gap:20px}.mimo-sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 6px}.mimo-sidebar-brand img{width:44px;height:44px;border-radius:var(--radius-md);object-fit:cover}.mimo-brand-name{font-size:17px;font-weight:900;letter-spacing:-.5px}.mimo-brand-role{font-size:11px;color:var(--text-gray);font-weight:700;margin-top:2px}.mimo-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.mimo-sidebar-footer{display:flex;align-items:center;gap:10px;margin-top:auto}.mimo-version{text-align:center;font-size:10px;font-weight:700;letter-spacing:.4px;color:var(--text-extra-light);padding:10px 0 2px;-webkit-user-select:none;user-select:none}.mimo-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);color:var(--text-light);text-decoration:none;font-size:14px;font-weight:700;transition:all .15s ease}.mimo-nav-item:hover{background:#ffffff0a;color:var(--text-dark)}.mimo-nav-item.active{background:var(--primary);color:var(--on-primary);box-shadow:0 6px 16px var(--primary-glow)}.mimo-nav-item.active span{color:var(--on-primary)}.mimo-nav-item span{color:inherit}.mimo-logout{flex:1;display:flex;align-items:center;gap:12px;justify-content:center;padding:12px 14px;border-radius:var(--radius-md);background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger);font-size:14px;font-weight:800;cursor:pointer}.mimo-sidebar .mimo-logout{flex:0 0 46px;width:46px;min-width:46px;padding:0}.mimo-sidebar .mimo-logout span{display:none}.mimo-theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-width:108px;height:46px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-dark);font-size:13px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-soft);transition:all .18s ease}.mimo-theme-toggle span{color:inherit}.mimo-theme-toggle:hover{transform:translateY(-1px);border-color:var(--primary)}.mimo-logout span{color:var(--danger)}.mimo-mobile-drawer .mimo-logout{flex:1;width:auto;min-width:0;padding:12px 14px}.mimo-mobile-drawer .mimo-logout span{display:inline}.mimo-content{flex:1;height:100%;overflow:hidden;display:flex;flex-direction:column}.mimo-page-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.mimo-save-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:400px;z-index:1000}.mimo-mobile-topbar,.mimo-mobile-drawer,.mimo-mobile-overlay{display:none}@media (max-width: 768px){.mimo-sidebar{display:none}.mimo-layout{flex-direction:column}.mimo-content{height:100%;min-height:0}.mimo-page-body{min-height:0}.mimo-mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:58px;min-height:58px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);padding:0 12px}.mimo-mobile-menu-btn,.mimo-mobile-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:#fff;cursor:pointer}.mimo-mobile-title{flex:1;min-width:0;font-size:15px;font-weight:900;color:#fff;text-align:left}.mimo-mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000085;border:none;z-index:1190}.mimo-mobile-drawer{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:min(82vw,320px);height:100dvh;background:var(--bg-surface);border-right:1px solid var(--border-color);padding:14px 12px 16px;gap:16px;transform:translate(-100%);transition:transform .22s ease;z-index:1200}.mimo-mobile-drawer.open{transform:translate(0)}.mimo-mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mimo-save-bar{bottom:20px}}:root[data-theme=light] .mimo-nav-item{color:var(--text-main)}:root[data-theme=light] .mimo-nav-item:hover{background:#0f172a0d;color:var(--text-dark)}:root[data-theme=light] .mimo-mobile-menu-btn,:root[data-theme=light] .mimo-mobile-close{border-color:#0f172a1a;color:var(--text-dark);background:#ffffffe0}:root[data-theme=light] .mimo-mobile-title,:root[data-theme=light] .mimo-brand-role{color:var(--text-main)}