:root{--bg:#f6f7fb;--card: rgba(255,255,255,.88);--cardStrong: rgba(255,255,255,.98);--text:#0f172a;--muted:#4b5563;--line: rgba(15,23,42,.12);--footerBg:#f8fafc;--footerBorder: rgba(17,24,39,.1);--banana:#ffd54a;--leaf:#2bd576;--soil:#b0743a;--sky:#2dd4ff;--accentA: rgba(255,213,74,.45);--accentB: rgba(43,213,118,.16);--accentC: rgba(45,212,255,.14);--good:#35d07f;--bad:#ff4d4d}body[data-theme=dark]{--bg:#0b0f14;--card: rgba(255,255,255,.06);--cardStrong: rgba(255,255,255,.1);--text:#e8eef8;--muted:#a8b3c7;--line:rgba(255,255,255,.1);--footerBg: rgba(11,15,20,.55);--footerBorder: var(--line);--accentA: rgba(255,213,74,.42);--accentB: rgba(43,213,118,.2);--accentC: rgba(45,212,255,.16)}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(1100px 700px at 10% 0%,var(--accentA),transparent 55%),radial-gradient(900px 600px at 90% 10%,var(--accentC),transparent 50%),radial-gradient(900px 600px at 40% 110%,var(--accentB),transparent 50%),var(--bg);color:var(--text)}.hidden{display:none!important}.mt10{margin-top:10px}.mt12{margin-top:12px}.mt16{margin-top:16px}.center-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{max-width:1200px;margin:0 auto;padding:18px}.card{background:linear-gradient(180deg,var(--cardStrong),var(--card));border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 18px 50px #00000038}body[data-theme=light] .card{box-shadow:0 18px 50px #02061714}.auth-card{max-width:560px;width:100%}.brand{display:flex;gap:12px;align-items:flex-start}.logo{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#ffffff1a;border:1px solid var(--line);font-size:26px;box-shadow:0 0 0 3px #ffd54a1a}.logo.small{width:40px;height:40px;border-radius:14px;font-size:20px}h1{margin:0 0 2px;font-size:20px;letter-spacing:.2px}h2{margin:0;font-size:22px;letter-spacing:.2px}h3{margin:0 0 10px;font-size:16px}h4{margin:0;font-size:14px}p{margin:6px 0;color:var(--muted);line-height:1.45}.form{margin-top:14px;display:grid;gap:8px}label{font-size:12px;color:var(--muted)}input,textarea,select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#00000029;color:var(--text);outline:none}body[data-theme=light] input,body[data-theme=light] textarea,body[data-theme=light] select{background:#ffffffbf}textarea{resize:vertical}.readonly input{opacity:.9}.btn{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--text);cursor:pointer;transition:transform .06s ease,filter .12s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn.primary{border-color:#ffd54a8c;background:linear-gradient(90deg,#ffd54a66,#2bd5762e)}.btn.ghost{background:transparent}.iconbtn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--text);cursor:pointer}.hint{color:var(--muted);font-size:12px;min-height:18px}.mini{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(90deg,#ffffff1a,#ffffff0a);color:var(--text);font-size:12px}.minirow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#0b0f149e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}body[data-theme=light] .topbar{background:#f6f7fbbf}.top-left{display:flex;align-items:center;gap:10px}.t1{font-weight:900}.t2{font-size:12px;color:var(--muted)}.navcards{display:flex;gap:10px;align-items:stretch}.navcard{min-width:170px;text-align:left;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);cursor:pointer;transition:filter .12s ease,transform .06s ease}.navcard:hover{filter:brightness(1.06)}.navcard:active{transform:translateY(1px)}.navcard.active{border-color:#ffd54abf;background:linear-gradient(90deg,#ffd54a38,#2bd5761a)}.nc-title{font-weight:900;font-size:13px}.nc-sub{font-size:12px;color:var(--muted);margin-top:2px}.navdrop{display:none}.navdrop select{min-width:190px}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pagehead-right{display:flex;align-items:center;gap:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.subhead{font-size:12px;color:var(--muted);margin:8px 0}.hintbox{border:1px dashed var(--line);border-radius:14px;padding:12px;background:#ffffff08}.hinttitle{font-size:12px;color:var(--muted);font-weight:900}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.results{margin-top:10px;padding:10px;border-radius:14px;border:1px solid var(--line);background:#ffffff08;display:grid;gap:8px}.resrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.kz.good{color:var(--good)}.kz.bad{color:var(--bad)}.expandable .extra{animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:.2;transform:translateY(-4px)}to{opacity:1;transform:none}}.biglink{cursor:pointer;position:relative;overflow:hidden}.biglink:after{content:"";position:absolute;inset:-60px;background:radial-gradient(300px 220px at 25% 30%,rgba(255,213,74,.12),transparent 55%),radial-gradient(260px 220px at 75% 70%,rgba(43,213,118,.1),transparent 55%);transform:rotate(8deg);pointer-events:none}.biglink:hover{filter:brightness(1.06)}.chev{position:absolute;right:14px;bottom:12px;font-size:22px;opacity:.75}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi{border:1px solid var(--line);border-radius:14px;padding:10px;background:#ffffff08}.kpi .k{font-size:12px;color:var(--muted);font-weight:700}.kpi .v{font-size:17px;font-weight:900;margin-top:4px}.pill.good{border-color:#35d07f8c;background:#35d07f1a}.pill.bad{border-color:#ff4d4d8c;background:#ff4d4d1a}.w-hours{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;padding:8px 2px}.w-hour{width:18px;height:44px;border-radius:10px;border:1px solid var(--line);background:#ffffff0a;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.w-fill{width:100%;border-radius:10px}.w-fill.good{background:#35d07f59}.w-fill.bad{background:#ff4d4d59}.w-lab{font-size:10px;color:var(--muted);margin-top:6px;text-align:center;width:26px}.tablewrap{overflow:auto;border-radius:14px;border:1px solid var(--line)}.table{width:100%;border-collapse:collapse;min-width:900px;background:#0000001a}body[data-theme=light] .table{background:#ffffff8c}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.table th{color:var(--muted);font-weight:900}.tbtn{padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:#ffffff0f;color:var(--text);cursor:pointer}.tbtn.danger{border-color:#ff4d4d73}.tbtn.good{border-color:#35d07f73}.footer{margin-top:auto;padding:14px 18px;border-top:1px solid var(--footerBorder);background:var(--footerBg)}.footer-left{display:flex;flex-direction:column;gap:4px}.footer-title{font-weight:900}.footer-sub{color:var(--muted);font-size:12px;line-height:1.25}.footer-center{flex:1;text-align:center;color:var(--muted);font-size:12px;line-height:1.25}.footer-copy{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.footer-copy .sep{opacity:.65}.footer-meta{margin-top:6px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.footer-meta .meta{color:var(--muted);font-size:12px}.footer-meta b{color:var(--text)}.footer-links{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.footer a{color:var(--text);text-decoration:none}@media(max-width:760px){.footer-inner{flex-direction:column;align-items:stretch;justify-content:flex-start}.footer-left,.footer-center,.footer-links{width:100%}.footer-center{text-align:left}.footer-copy,.footer-meta,.footer-links{justify-content:flex-start}}@media(max-width:420px){.footer{padding:12px 14px}.footer-copy{flex-direction:column;align-items:flex-start;gap:4px}.footer-copy .sep{display:none}.footer-meta{flex-direction:column;align-items:flex-start;gap:4px}.footer-links{gap:8px}}.modal{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;padding:20px;z-index:200}.modal-card{width:min(520px,96vw);border-radius:16px;border:1px solid var(--line);background:#111826f2;padding:16px;box-shadow:0 20px 60px #00000080}body[data-theme=light] .modal-card{background:#fffffff5;box-shadow:0 20px 60px #02061729}.cardtop{display:flex;gap:8px;align-items:center;margin-bottom:10px}.chip{font-size:11px;font-weight:900;padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a}.chip.banana{border-color:#ffd54a8c}.chip.leaf{border-color:#2bd57680}.chip.soil{border-color:#b0743a73}.chip.sky{border-color:#2dd4ff73}.card.is-good{box-shadow:0 18px 50px #35d07f24}.card.is-bad{box-shadow:0 18px 50px #ff4d4d24}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calcell{min-height:74px;padding:8px;border-radius:14px;border:1px solid var(--line);background:#ffffff08;cursor:pointer;transition:filter .12s ease,transform .06s ease}.calcell:hover{filter:brightness(1.06)}.calcell:active{transform:translateY(1px)}.calcell .d{font-size:12px;color:var(--muted)}.badge{display:inline-flex;padding:2px 6px;border-radius:999px;border:1px solid var(--line);font-size:11px;margin-top:6px;background:#ffffff0d}.badge.sale{border-color:#ffd54aa6}.badge.exp{border-color:#2dd4ff73}#page-sales .card .minirow .pill{padding:6px 10px;line-height:1}.top-right{display:flex;align-items:center;gap:10px}.top-right .btn{height:38px;flex:0 0 84px;min-width:84px;padding:0 10px;display:flex;align-items:center;justify-content:center;white-space:nowrap}#btnTheme{font-size:16px}.period{display:flex;gap:10px;align-items:center}.period select{width:auto;min-width:160px}#salesYear,#expYear,#repYear{min-width:110px}@media(max-width:520px){.period{flex-direction:column;align-items:stretch}.period select{width:100%;min-width:0}}.sub-wrap{position:relative;height:40px}.sub-wrap select,.sub-wrap input{position:absolute;left:0;top:0;width:100%;height:40px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#00000029;color:var(--text);outline:none}body[data-theme=light] .sub-wrap select,body[data-theme=light] .sub-wrap input{background:#ffffffbf}.sub-wrap select{appearance:auto}@media(max-width:980px){.grid3,.kpis{grid-template-columns:1fr}.navcards{display:none}.navdrop{display:block}.grid2{grid-template-columns:1fr}.pagehead{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.topbar{flex-direction:column;align-items:stretch}.top-left,.top-right{justify-content:center}.navdrop select{width:100%}.period{flex-direction:column;align-items:stretch}.period select{width:100%}}.footer-copy{margin-top:6px;font-size:12px;color:var(--muted)}.fields{display:flex;gap:10px;flex-wrap:wrap}.fieldchip{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;cursor:pointer;-webkit-user-select:none;user-select:none}.fieldchip:hover{filter:brightness(1.06)}.fieldchip.active{border-color:#2bd576a6;background:linear-gradient(90deg,#2bd57629,#ffd54a24)}.fieldchip .dot{width:10px;height:10px;border-radius:999px;background:var(--leaf);box-shadow:0 0 0 3px #2bd5761f}.fieldchip .name{font-weight:900;font-size:12px}.fieldchip .meta{font-size:12px;color:var(--muted)}input[readonly]{opacity:.85;cursor:not-allowed}#e_stockBox{padding:10px;border:1px dashed var(--line);border-radius:14px;background:#ffffff0a}#e_stockBox{margin-top:10px}#e_stockBox .hint{margin-top:6px}body[data-theme=light] .footer{background:var(--footerBg);border-top:1px solid var(--footerBorder)}.navcard.locked{opacity:.72;position:relative}.navcard.locked:after{content:"🔒";position:absolute;right:10px;top:10px;font-size:14px;opacity:.9}.pill.mini{padding:4px 8px;font-size:11px;font-weight:900}.navcard .sub{font-size:11px;color:var(--muted);margin-top:2px;font-weight:600}.nc-sub .sub{font-size:12px;color:var(--muted);margin-top:2px}.brand-sub{font-size:12px;color:var(--muted);font-weight:600;margin-top:2px}#forecastCard .lockbadge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}#forecastCard.is-locked{opacity:.92}#forecastCard.is-open .lockbadge{background:#2bd5762e;border-color:#2bd57640}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:900px){.grid3{grid-template-columns:1fr}}.miniStat{padding:12px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff9}.miniStat .ms-k{font-size:12px;opacity:.8}.miniStat .ms-v{font-size:18px;font-weight:800;margin-top:6px}.miniStat .ms-s{font-size:12px;margin-top:4px}.pillStat{padding:12px;border-radius:12px;background:#0000000a;border:1px solid rgba(0,0,0,.06)}.pillStat .ps-k{font-size:12px;opacity:.8}.pillStat .ps-v{font-size:16px;font-weight:800;margin-top:6px}.pillStat .ps-s{font-size:12px;margin-top:4px}.disclaimer{padding:10px 12px;border-radius:12px;background:#00000008;border:1px dashed rgba(0,0,0,.15);font-size:12px;line-height:1.4;opacity:.9}.good{color:var(--good, #2f9e44)}.bad{color:var(--bad, #e03131)}#marketCard{border-radius:18px}#marketCard .subtle{font-size:.78rem;color:var(--muted);letter-spacing:.2px}#marketCard h3{font-size:1.05rem;margin:2px 0 0}#marketCard .minirow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}#marketCard #marketStatusPill{background:#35d07f1a;border:1px solid rgba(53,208,127,.55);color:var(--good);padding:6px 10px;border-radius:999px}#marketCard .pill.bad{background:#ff4d4d1a;border-color:#ff4d4d8c;color:var(--bad)}#marketCard .pill.good{background:#35d07f1a;border-color:#35d07f8c;color:var(--good)}#marketCard button#marketRefresh.marketRefresh{-webkit-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:var(--text);padding:7px 12px;border-radius:12px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}#marketCard button#marketRefresh.marketRefresh:hover{background:#ffffff1a}#marketCard .marketGrid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}#marketCard .marketItem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}#marketCard .marketLeft{display:flex;align-items:center;gap:10px;min-width:0}#marketCard .marketBadge{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}#marketCard .marketTitle{font-weight:850;font-size:.95rem;line-height:1.1}#marketCard .marketSub{color:var(--muted);font-size:.78rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}#marketCard .marketPrice{text-align:right}#marketCard .marketPrice .v{font-weight:950;font-size:1.05rem}#marketCard .marketPrice .s{color:var(--muted);font-size:.78rem;margin-top:2px}@media(min-width:900px){#marketCard .marketGrid{grid-template-columns:1fr 1fr}}@media(max-width:520px){#marketCard .marketSub{max-width:170px}}@media(max-width:520px){#w_refresh{margin-left:auto}}@media(max-width:520px){#fieldsCard .row-between{flex-wrap:wrap}#fieldsCard #activeFieldName,#fieldsCard #btnAddField{display:inline-flex}#fieldsCard .minirow{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}}@media(max-width:768px){.container{max-width:100%}}@media(max-width:640px){.pagehead-right{display:flex;align-items:center;justify-content:space-between;width:100%}.pagehead-right .period{display:flex;justify-content:flex-end;align-items:center;gap:8px}}@media(max-width:640px){input,select,textarea,button{font-size:16px}}@media(max-width:640px){input,select,textarea{-webkit-text-size-adjust:100%}}input[type=date],input[type=month],input[type=time]{width:100%;max-width:100%;min-width:0;box-sizing:border-box}@media(max-width:640px){input[type=date]{font-size:16px}}#loginModal .row-between{align-items:flex-start;gap:12px}#loginModal .modal-left{flex:1;min-width:0}.modal-support{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.modal-support .support-line{font-size:12px;color:var(--muted);line-height:1.45}.modal-support .support-link{display:inline-flex;align-items:center;gap:8px;font-weight:900;text-decoration:none;color:var(--text);transition:.15s ease}.modal-support .support-link:hover{transform:translate(2px);filter:brightness(1.1)}.modal-support .tel-ico{font-size:16px;line-height:1}#loginModalX{flex:0 0 auto;width:36px;height:36px;padding:0;border-radius:12px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:18px;font-weight:900;background:#ffffff0f;border:1px solid var(--line);transition:.15s ease}#loginModalX:hover{filter:brightness(1.08)}#loginModalX:active{transform:translateY(1px)}.modal{position:fixed!important;inset:0!important;z-index:999999!important;background:#0000008c;display:grid!important;place-items:center!important;padding:18px}.modal.hidden{display:none!important}.modal-card{width:min(560px,calc(100vw - 36px));max-height:85vh;overflow:auto;border-radius:18px}