*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--topbar-h:90px;--page-bg:#FAF8F6;--surface-0:#FFFFFF;--surface-1:#F7F5F3;--surface-2:#F0EDE9;--navy:var(--page-bg);--navy-mid:var(--surface-1);--navy-light:var(--surface-0);--card-bg:var(--surface-0);--accent:#C4748A;--accent-light:#D4899E;--accent-dim:rgba(196,116,138,.1);--gold:var(--accent);--gold-light:var(--accent-light);--gold-dim:var(--accent-dim);--red:#C4607A;--red-dim:rgba(196,96,122,.1);--green:#6A9E80;--green-dim:rgba(106,158,128,.1);--amber:#C4946A;--amber-dim:rgba(196,148,106,.1);--purple:#9B80BC;--purple-dim:rgba(155,128,188,.1);--teal:#5A9EA8;--text-primary:#2C2626;--text-secondary:rgba(44,38,38,.58);--text-muted:rgba(44,38,38,.34);--border:rgba(196,116,138,.14);--border-light:rgba(44,38,38,.07);--shadow:0 1px 4px rgba(44,38,38,.06);--shadow-md:0 2px 12px rgba(44,38,38,.08);--shadow-lg:0 4px 24px rgba(44,38,38,.1);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-pill:100px}[data-theme=rose]{--page-bg:#180D14;--surface-0:#22111C;--surface-1:#2A1622;--surface-2:#341D2C;--navy:var(--page-bg);--navy-mid:var(--surface-1);--navy-light:var(--surface-0);--card-bg:var(--surface-0);--accent:#E07A98;--accent-light:#F09AB4;--accent-dim:rgba(224,122,152,.14);--gold:var(--accent);--gold-light:var(--accent-light);--gold-dim:var(--accent-dim);--text-primary:#F5EEF2;--text-secondary:rgba(245,238,242,.58);--text-muted:rgba(245,238,242,.32);--border:rgba(224,122,152,.18);--border-light:rgba(245,238,242,.07);--shadow:0 1px 4px rgba(0,0,0,.3);--shadow-md:0 2px 12px rgba(0,0,0,.4);--shadow-lg:0 4px 24px rgba(0,0,0,.5)}[data-theme=sage]{--page-bg:#F4F7F4;--surface-0:#FFFFFF;--surface-1:#EBF0EB;--surface-2:#E2E8E2;--navy:var(--page-bg);--navy-mid:var(--surface-1);--navy-light:var(--surface-0);--card-bg:var(--surface-0);--accent:#7A9E87;--accent-light:#96B8A2;--accent-dim:rgba(122,158,135,.11);--gold:var(--accent);--gold-light:var(--accent-light);--gold-dim:var(--accent-dim);--text-primary:#2D3D35;--text-secondary:rgba(45,61,53,.58);--text-muted:rgba(45,61,53,.34);--border:rgba(122,158,135,.16);--border-light:rgba(45,61,53,.07)}[data-theme=lavender]{--page-bg:#F6F4FA;--surface-0:#FFFFFF;--surface-1:#EEE9F5;--surface-2:#E5DFF0;--navy:var(--page-bg);--navy-mid:var(--surface-1);--navy-light:var(--surface-0);--card-bg:var(--surface-0);--accent:#9B80BC;--accent-light:#B498CC;--accent-dim:rgba(155,128,188,.11);--gold:var(--accent);--gold-light:var(--accent-light);--gold-dim:var(--accent-dim);--text-primary:#352D3D;--text-secondary:rgba(53,45,61,.58);--text-muted:rgba(53,45,61,.34);--border:rgba(155,128,188,.16);--border-light:rgba(53,45,61,.07)}[data-theme=sky]{--page-bg:#0E1928;--surface-0:#162236;--surface-1:#1C2D42;--surface-2:#223550;--navy:var(--page-bg);--navy-mid:var(--surface-1);--navy-light:var(--surface-0);--card-bg:var(--surface-0);--accent:#5AABDC;--accent-light:#80C4E8;--accent-dim:rgba(90,171,220,.14);--gold:var(--accent);--gold-light:var(--accent-light);--gold-dim:var(--accent-dim);--text-primary:#EAF4FB;--text-secondary:rgba(234,244,251,.58);--text-muted:rgba(234,244,251,.32);--border:rgba(90,171,220,.18);--border-light:rgba(234,244,251,.07);--shadow:0 1px 4px rgba(0,0,0,.3);--shadow-md:0 2px 12px rgba(0,0,0,.4);--shadow-lg:0 4px 24px rgba(0,0,0,.5)}[data-theme=forest]{--page-bg:#0C1E14;--surface-0:#132819;--surface-1:#1A3420;--surface-2:#203D27;--navy:var(--page-bg);--navy-mid:var(--surface-1);--navy-light:var(--surface-0);--card-bg:var(--surface-0);--accent:#6ABF7A;--accent-light:#8ED49C;--accent-dim:rgba(106,191,122,.14);--gold:var(--accent);--gold-light:var(--accent-light);--gold-dim:var(--accent-dim);--text-primary:#EAF5EC;--text-secondary:rgba(234,245,236,.58);--text-muted:rgba(234,245,236,.32);--border:rgba(106,191,122,.18);--border-light:rgba(234,245,236,.07);--shadow:0 1px 4px rgba(0,0,0,.3);--shadow-md:0 2px 12px rgba(0,0,0,.4);--shadow-lg:0 4px 24px rgba(0,0,0,.5)}[data-theme=amber]{--page-bg:#1A1410;--surface-0:#231C14;--surface-1:#2C231A;--surface-2:#352B20;--navy:var(--page-bg);--navy-mid:var(--surface-1);--navy-light:var(--surface-0);--card-bg:var(--surface-0);--accent:#E8A44C;--accent-light:#F0BC74;--accent-dim:rgba(232,164,76,.14);--gold:var(--accent);--gold-light:var(--accent-light);--gold-dim:var(--accent-dim);--text-primary:#F5F0E8;--text-secondary:rgba(245,240,232,.58);--text-muted:rgba(245,240,232,.32);--border:rgba(232,164,76,.18);--border-light:rgba(245,240,232,.07);--shadow:0 1px 4px rgba(0,0,0,.3);--shadow-md:0 2px 12px rgba(0,0,0,.4);--shadow-lg:0 4px 24px rgba(0,0,0,.5)}[data-theme=default-dark]{--page-bg:#0F1C2E;--surface-0:#162540;--surface-1:#1C2F50;--surface-2:#233860;--navy:var(--page-bg);--navy-mid:var(--surface-1);--navy-light:var(--surface-0);--card-bg:var(--surface-0);--accent:#C9A84C;--accent-light:#E8C97A;--accent-dim:rgba(201,168,76,.14);--gold:var(--accent);--gold-light:var(--accent-light);--gold-dim:var(--accent-dim);--red:#C94C4C;--red-dim:rgba(201,76,76,.12);--green:#4C9A6A;--green-dim:rgba(76,154,106,.12);--amber:#C97E4C;--amber-dim:rgba(201,126,76,.12);--purple:#8C6CD4;--purple-dim:rgba(140,108,212,.14);--text-primary:#F5F0E8;--text-secondary:rgba(245,240,232,.58);--text-muted:rgba(245,240,232,.32);--border:rgba(201,168,76,.18);--border-light:rgba(245,240,232,.07);--shadow:0 1px 4px rgba(0,0,0,.3);--shadow-md:0 2px 12px rgba(0,0,0,.4);--shadow-lg:0 4px 24px rgba(0,0,0,.5)}[data-theme=light]{--page-bg:#F5F2EC;--surface-0:#FEFCF8;--surface-1:#EDE8DE;--surface-2:#E2DAD0;--navy:var(--page-bg);--navy-mid:var(--surface-1);--navy-light:var(--surface-0);--card-bg:var(--surface-0);--accent:#7A5C2E;--accent-light:#9A7840;--accent-dim:rgba(122,92,46,.1);--gold:var(--accent);--gold-light:var(--accent-light);--gold-dim:var(--accent-dim);--text-primary:#1A1408;--text-secondary:rgba(26,20,8,.58);--text-muted:rgba(26,20,8,.34);--border:rgba(122,92,46,.18);--border-light:rgba(26,20,8,.07)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;width:100%;margin:0;padding:0;background:var(--page-bg);color:var(--text-primary);font-family:Quicksand,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}#root{min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;background:var(--page-bg)}.main-content>div{flex:1;display:flex;flex-direction:column}.main-content>div>div{width:100%;flex:1}input,textarea,select,button{font-family:inherit}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.card{background:var(--surface-0);border-radius:var(--r-lg);box-shadow:var(--shadow);border:1px solid var(--border-light)}.card-elevated{background:var(--surface-0);border-radius:var(--r-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.fade-in{animation:fadeIn .2s ease both}.slide-up{animation:slideUp .28s cubic-bezier(.16,1,.3,1) both}.ocr-pulse{animation:pulse 1.4s ease-in-out infinite}.modal-bg{position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;background:#2c262652;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));box-sizing:border-box}.modal-card{background:var(--surface-0);border-radius:var(--r-xl);border:1px solid var(--border-light);box-shadow:0 24px 48px #0000002e;width:100%;max-width:600px;height:auto;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden}.modal-card>*:last-child{overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}@media(max-width:640px){.modal-bg{padding:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.modal-card{max-width:100%}}.nav-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-md);border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;width:100%;text-align:left;transition:background .15s,color .15s;font-family:inherit;letter-spacing:.01em}.nav-btn:hover{background:var(--accent-dim);color:var(--text-primary)}.nav-btn.active{background:var(--accent-dim);color:var(--accent);font-weight:600}.nav-btn.locked{opacity:.38;cursor:default;pointer-events:none}.form-input{width:100%;padding:10px 13px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;min-height:42px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--r-pill);font-size:11px;font-weight:600;letter-spacing:.02em}.nav-case-wrap{flex-shrink:1;min-width:0;max-width:200px;position:relative}@media(max-width:440px){.nav-case-wrap{max-width:120px}}.nav-case-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--r-pill);background:var(--accent-dim);border:1px solid var(--border);cursor:pointer;font-family:inherit;width:100%}.nav-case-btn-text{font-size:13px;font-weight:600;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.nav-avatar-btn{background:none;border:none;cursor:pointer;flex-shrink:0;padding:0}.nav-hamburger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-md);border:1px solid var(--border-light);background:var(--surface-1);cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s}.nav-hamburger:hover{background:var(--surface-2);border-color:var(--border)}.nav-logo-img{height:40px;width:auto;display:block;flex-shrink:0}@media(max-width:480px){.nav-logo-img{height:36px}}.nav-active-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);background:var(--accent-dim);border:1px solid var(--accent);font-size:13px;font-weight:600;color:var(--accent);white-space:nowrap;flex-shrink:0}@media(max-width:480px){.nav-active-indicator{font-size:12px;padding:5px 10px}}.nav-dropdown{position:absolute;left:0;right:0;top:100%;background:var(--surface-0);border-bottom:1px solid var(--border-light);box-shadow:0 8px 24px #0000001a;z-index:200;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:4px}@media(min-width:601px){.nav-dropdown{grid-template-columns:1fr 1fr 1fr}}@media(max-width:400px){.nav-dropdown{grid-template-columns:1fr}}.nav-dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--border-light);background:var(--surface-1);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;color:var(--text-secondary);transition:background .15s,color .15s,border-color .15s;text-align:left;min-height:44px}.nav-dropdown-item:hover{background:var(--surface-2);border-color:var(--border)}.nav-dropdown-item.active{background:var(--accent-dim);color:var(--accent);font-weight:600;border-color:var(--accent)}.nav-dropdown-item.locked{opacity:.35;cursor:not-allowed}@media(max-width:480px){.brand-name{display:none!important}}.top-row{display:flex;align-items:center;padding:0 12px;height:48px;gap:8px;min-width:0}.top-row .brand-btn{display:flex;align-items:center;gap:7px;background:none;border:none;cursor:pointer;font-family:inherit;padding:4px 0;flex-shrink:0}.top-row .brand-name{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap}@media(max-width:480px){.top-row .brand-name{display:none}}@media(max-width:768px){.nav-toprow{height:48px!important;padding:0 10px!important;gap:8px!important}.brand-name{display:none!important}.nav-case-wrap{max-width:140px!important}.page-pad{padding:12px!important}.grid-2,.grid-4{grid-template-columns:1fr 1fr!important}.hide-mobile{display:none!important}button{min-height:36px}.nav-dropdown-item{min-height:48px;font-size:15px}}@media(max-width:480px){.nav-toprow{height:44px!important;padding:0 8px!important}.nav-hamburger{width:36px;height:36px}}.nav-toprow{display:flex;align-items:center;padding:0 24px;height:54px;gap:12px;min-width:0;width:100%}.nav-logo-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;flex-shrink:0}.nav-logo-text{font-size:15px;font-weight:700;color:var(--text-primary);white-space:nowrap}@media(max-width:768px){.nav-toprow{height:48px;padding:0 12px}}@media(max-width:500px){.nav-logo-text{display:none}}@media(max-width:768px){input,textarea,select,.form-input{font-size:16px!important}}