:root{--bg:#f5f6f8;--paper:#fff;--sidebar:#0b0d12;--sidebar-text:#b7bdc9;--sidebar-dim:#6f7686;--border:#e7e9ee;--rule:#dfe2e8;--text:#111827;--muted:#6b7280;--accent:#2563eb;--accent-soft:#eef4ff;--good:#16a34a;--danger:#dc2626;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 1px 2px #1018280d, 0 6px 22px #10182812}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,-apple-system,Segoe UI,system-ui,sans-serif;font-size:13.5px}.app{grid-template-rows:auto 1fr;grid-template-columns:236px 1fr;height:100vh;display:grid}.app>.sidebar{grid-row:1/-1}.sidebar{background:var(--sidebar);color:var(--sidebar-text);flex-direction:column;padding:14px 8px;display:flex;overflow-y:auto}.sidebar h1{letter-spacing:-.01em;color:#fff;flex-direction:column;gap:2px;margin:4px 10px 18px;padding-left:34px;font-size:14.5px;font-weight:700;line-height:1.2;display:flex;position:relative}.sidebar h1:before{content:"ME";color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:10.5px;font-weight:800;display:flex;position:absolute;top:1px;left:0}.sidebar h1 span{color:var(--sidebar-dim);font-size:11px;font-weight:400}.schema-group{margin-bottom:6px}.schema-name{text-transform:uppercase;letter-spacing:.1em;color:var(--sidebar-dim);padding:10px 12px 4px;font-size:10px}.table-item{cursor:pointer;color:var(--sidebar-text);border-radius:10px;margin:2px 4px;padding:8px 12px;font-weight:500}.table-item:hover{color:#fff;background:#ffffff12}.table-item.active{color:var(--sidebar);background:#fff;font-weight:600}.topbar{background:var(--paper);border-bottom:1px solid var(--border);grid-column:2;align-items:center;gap:14px;padding:10px 26px;display:flex}.topbar .search{flex:0 420px}.userchip{align-items:center;gap:9px;margin-left:auto;display:flex}.userchip .who{text-align:right;line-height:1.2}.userchip .who b{font-size:12.5px;display:block}.userchip .who a{color:var(--muted);font-size:11px;text-decoration:none}.userchip .who a:hover{color:var(--danger)}.avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:11.5px;font-weight:700;display:inline-flex}.avatar.soft{color:#3b4353;background:#eef1f6}.content{grid-column:2;overflow:auto}.main{background:radial-gradient(900px 320px at 85% -80px, #edf3fd 0%, transparent 60%), radial-gradient(700px 300px at -10% -120px, #f7f1fb 0%, transparent 55%), var(--bg);padding:24px 28px;overflow:auto}.main-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.main-head h2{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.main-head .meta{color:var(--muted);font-size:12.5px}.subtitle{color:var(--muted);margin:0 0 18px;font-size:13px}.paper{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:24px 28px}.letterhead{text-align:center;margin-bottom:14px}.letterhead .company{letter-spacing:-.02em;font-size:26px;font-weight:800}.report-bar{border-bottom:2px solid var(--text);justify-content:space-between;align-items:baseline;margin-top:6px;padding:8px 2px 6px;display:flex}.report-bar .rtitle{font-size:15px;font-weight:700}.report-bar .rsub{font-size:14px;font-weight:700}.report-bar .rdate{color:var(--muted);font-size:12px}.grid-wrap{border:1px solid var(--border);background:var(--paper);box-shadow:var(--shadow-sm);border-radius:14px;overflow:auto}.paper .grid-wrap{box-shadow:none;border:none;border-radius:8px}table.grid{border-collapse:collapse;white-space:nowrap;width:100%}table.grid th,table.grid td{text-align:left;text-overflow:ellipsis;border-bottom:1px solid #f0f1f4;max-width:320px;padding:9px 12px;overflow:hidden}table.grid thead th{z-index:1;border-bottom:1px solid var(--rule);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#fafbfd;font-size:10.5px;font-weight:600;position:sticky;top:0}table.grid tbody tr:hover td{background:#f7f9fc}.lined table.grid th,.lined table.grid td{border-right:1px solid #e7eaef}.lined table.grid th:last-child,.lined table.grid td:last-child{border-right:none}table.grid.tight th,table.grid.tight td{max-width:170px;padding:6px 8px;font-size:12px}th.r,td.r{text-align:right;font-variant-numeric:tabular-nums}td.muted{color:var(--muted)}table.grid tfoot td{border-top:2px solid var(--text);background:#fafbfd;font-weight:700}.section{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:22px 0 10px;font-size:11px;font-weight:600}.cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:8px;display:grid}@media (min-width:1800px){.cards{grid-template-columns:repeat(6,1fr)}}.card{border:1px solid var(--border);min-height:92px;box-shadow:var(--shadow-sm);background:linear-gradient(165deg,#fff 45%,#f5f8fe 100%);border-radius:16px;padding:16px 18px;position:relative}.card-ico{background:var(--accent-soft);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex;position:absolute;top:13px;right:13px}.card.accent{background:linear-gradient(165deg,#f3f7ff 0%,#e9f1ff 100%);border-color:#cfdffa}.card.accent .card-value{color:var(--accent)}.card.accent .card-ico{background:#dbe8ff}.card-label{color:var(--muted);padding-right:40px;font-size:12px;font-weight:500}.card-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:8px;font-size:23px;font-weight:700}.rank-list{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;overflow:hidden}.rank-list .row{cursor:pointer;border-bottom:1px solid #f0f1f4;align-items:center;gap:12px;padding:11px 16px;display:flex}.rank-list .row:last-child{border-bottom:none}.rank-list .row:hover{background:#f7f9fc}.rank-list .rank{width:20px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.rank-list .name{flex:1;font-weight:600}.rank-list .amount{font-variant-numeric:tabular-nums;font-weight:700}.progress{vertical-align:middle;background:#edf0f4;border-radius:99px;width:90px;height:6px;margin-right:8px;display:inline-block;overflow:hidden}.progress i{background:var(--accent);border-radius:99px;height:100%;display:block}.chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:500;display:inline-block}.billbox{border:1px solid var(--rule);background:#fff;border-radius:4px;width:46px;height:15px;display:inline-block}tr.clickable{cursor:pointer}.hint{color:var(--muted);text-align:center;padding:40px}.err{color:var(--danger);background:#fdf1f1;border:1px solid #f3d2d2;border-radius:10px;margin:8px 0;padding:12px 14px}.toolbar{color:var(--muted);align-items:center;gap:10px;margin:12px 0;display:flex}.toolbar button,.main-head button,.form-actions button{color:var(--text);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500}.toolbar button:hover,.main-head button:hover,.form-actions button:hover{border-color:#cfd4dd}.toolbar button:disabled,.form-actions button:disabled{opacity:.5;cursor:default}button.primary{background:var(--sidebar);color:#fff;border-color:var(--sidebar);border-radius:999px}button.primary:hover{background:#1b1e27;border-color:#1b1e27}button.danger{color:var(--danger);background:#fff;border-color:#f0c9c9}.search{color:var(--text);border:1px solid var(--border);background:#fff;border-radius:10px;min-width:240px;padding:8px 12px;font-family:inherit;font-size:13px}.search:focus{border-color:#b8ccf5;outline:none;box-shadow:0 0 0 3px #2563eb1f}.toolbar label{color:var(--muted)}.colpick{display:inline-block;position:relative}.colpick-scrim{z-index:19;position:fixed;inset:0}.colpick-pop{z-index:20;background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:14px;width:440px;max-width:88vw;padding:12px 14px;position:absolute;top:calc(100% + 6px);left:0}.colpick-head{align-items:center;gap:14px;margin-bottom:8px;display:flex}.colpick-head b{color:var(--text);font-size:12.5px}.colpick-head a{cursor:pointer;color:var(--accent);font-size:12px;font-weight:500}.colpick-head a:first-of-type{margin-left:auto}.colpick-head .close{box-shadow:none;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px}.colpick-list{grid-template-columns:repeat(3,1fr);gap:1px 10px;max-height:46vh;display:grid;overflow:auto}.colpick-list label{color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:4px 2px;font-size:12.5px;display:flex}.colpick-list label:hover{background:#f7f9fc}.colpick-list input{accent-color:var(--accent);flex:none;margin:0}.colpick-foot{color:var(--muted);margin-top:8px;font-size:11px}@media (max-width:520px){.colpick-list{grid-template-columns:repeat(2,1fr)}}.modal-bg{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background:#090b1080;justify-content:center;align-items:flex-start;padding:34px 20px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--paper);border:1px solid var(--border);border-radius:18px;width:min(760px,100%);padding:24px;box-shadow:0 24px 60px #090b1040}.modal.wide{width:min(1080px,100%)}.modal .close,.main-head .close{box-shadow:none;color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:16px}.modal .main-head h2{font-size:18px}.form-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.form-grid label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.form-grid label.wide{grid-column:1/-1}.form-grid label input{min-width:0}.form-grid .computed{color:var(--text);grid-column:1/-1;padding-top:4px;font-size:14px}.detail-value{background:#f7f8fa;border-radius:10px;min-height:19px}tr.check-ok td{color:#2c6e2c;background:#f0f9f0;font-style:italic}tr.check-bad td{color:#a33;background:#fdf1f1;font-style:italic}.form-actions{align-items:center;gap:10px;margin-top:4px;display:flex}.login-wrap{min-height:100vh;display:flex}.login-hero{background:radial-gradient(900px 500px at 85% 110%,#e6ecff 0%,#0000 60%),radial-gradient(700px 420px at -10% -20%,#fdeef8 0%,#0000 55%),linear-gradient(160deg,#f4f7ff 0%,#fbf6ff 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:44px 52px;display:flex}.hero-row{align-items:center;gap:56px;margin:auto 0;display:flex}.hero-logo{flex:none;width:340px;max-width:38vw}.hero-copy{max-width:470px}.login-hero .tag{border:1px solid var(--border);color:var(--muted);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:500;display:inline-block}.login-hero h2{letter-spacing:-.03em;margin:16px 0 12px;font-size:40px;font-weight:800;line-height:1.12}.login-hero h2 em{color:var(--accent);font-style:normal}.login-hero p{color:var(--muted);max-width:420px;margin:0 0 26px;font-size:15px;line-height:1.55}.login-point{gap:11px;max-width:420px;margin-bottom:16px;display:flex}.login-point i{border:1px solid var(--border);width:26px;height:26px;box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:13px;font-style:normal;display:flex}.login-point b{font-size:13px;display:block}.login-point span{color:var(--muted);font-size:12.5px}.login-panel{border-left:1px solid var(--border);background:#fff;flex-direction:column;justify-content:center;width:min(460px,100%);padding:40px 44px;display:flex}.login-panel h3{letter-spacing:-.02em;margin:0 0 4px;font-size:21px;font-weight:700}.login-panel .sub{color:var(--muted);margin:0 0 22px;font-size:13px}.login-panel label{color:var(--muted);margin-bottom:12px;font-size:12px;font-weight:500;display:block}.login-panel input{width:100%;margin-top:5px}.login-panel .foot{color:var(--muted);margin-top:26px;font-size:11.5px;line-height:1.5}@media (max-width:860px){.login-hero{display:none}.login-panel{border:none;width:100%}}.menu-btn,.scrim{display:none}@media (max-width:900px){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr}.app>.sidebar{z-index:30;width:250px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:0 0 40px #00000059}.app>.sidebar.open{transform:translate(0)}.scrim{z-index:25;background:#090b1073;display:block;position:fixed;inset:0}.menu-btn{border:1px solid var(--border);width:38px;height:38px;box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:17px;display:inline-flex}.topbar{grid-column:1;gap:10px;padding:10px 14px}.topbar .search{flex:auto;min-width:0}.userchip .who{display:none}.main{grid-column:1;padding:16px 14px}.main-head h2{font-size:19px}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.card{padding:13px 14px}.card-value{font-size:19px}.toolbar{flex-wrap:wrap}.search{min-width:150px}.modal-bg{padding:12px 8px}.modal{border-radius:14px;padding:16px}.form-grid{grid-template-columns:repeat(2,1fr);gap:10px}.login-panel{padding:28px 22px}.paper{padding:16px 14px}.rank-list .row{padding:10px 12px}}@media (max-width:520px){.form-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.main-head{flex-wrap:wrap;row-gap:8px}.report-bar{flex-direction:column;align-items:flex-start;gap:2px}}@media print{.no-print{display:none}body{background:#fff}.paper{box-shadow:none;border:none}}