:root{--bg: #f2f4f1;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #f5f7f4;--text: #1f2420;--text-soft: #4c5450;--muted: #808a84;--border: #e7eae5;--border-strong: #d6dbd4;--accent: #3f7060;--accent-2: #2f9e86;--accent-strong: #2f5d4e;--accent-soft: #e6f1ec;--grad: linear-gradient(135deg, #3f7060 0%, #2f9e86 100%);--grad-soft: linear-gradient(135deg, #eef6f2 0%, #e6f3ee 100%);--warn: #9a6b25;--warn-soft: #f6eede;--danger: #b0463a;--danger-soft: #f8e7e3;--radius: 16px;--radius-sm: 11px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(24, 40, 33, .05), 0 2px 6px rgba(24, 40, 33, .04);--shadow-md: 0 6px 20px rgba(24, 40, 33, .09);--shadow-lg: 0 14px 40px rgba(24, 40, 33, .16);--sidebar-w: 250px;--bottomnav-h: 64px;font-size:16px}@media (prefers-color-scheme: dark){:root{--bg: #121512;--bg-elevated: #1a1e1b;--surface: #1b201d;--surface-2: #222824;--text: #eef1ec;--text-soft: #c3c9c3;--muted: #8a938c;--border: #2c332d;--border-strong: #3a423b;--accent: #6fb39b;--accent-2: #4fc2a6;--accent-strong: #86c9b1;--accent-soft: #1e2c27;--grad: linear-gradient(135deg, #3f7d6a 0%, #2f9e86 100%);--grad-soft: linear-gradient(135deg, #1c2723 0%, #1a2a25 100%);--warn: #d9a55f;--warn-soft: #33291a;--danger: #e0837a;--danger-soft: #35211f;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 8px 24px rgba(0,0,0,.4);--shadow-lg: 0 16px 44px rgba(0,0,0,.5)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}::selection{background:var(--accent-soft)}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-elevated);border-right:1px solid var(--border);padding:1.15rem .8rem 1.4rem;display:flex;flex-direction:column;gap:.12rem;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .brand{font-weight:750;font-size:1.14rem;letter-spacing:-.02em;padding:.3rem .7rem 1rem;display:flex;align-items:center;gap:.5rem}.sidebar .brand .logo{width:30px;height:30px;border-radius:9px;background:var(--grad);display:grid;place-items:center;color:#fff;font-size:.95rem;font-weight:800;box-shadow:var(--shadow-sm)}.sidebar .brand span{color:var(--accent)}.sidebar a{padding:.56rem .72rem;border-radius:var(--radius-sm);color:var(--text-soft);font-size:.93rem;font-weight:550;display:flex;align-items:center;gap:.62rem;transition:background .13s ease,color .13s ease}.sidebar a .ico{width:1.2rem;text-align:center;font-size:1.05rem;flex-shrink:0}.sidebar a:hover{background:var(--surface-2);color:var(--text)}.sidebar a.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:650}.sidebar .section-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);padding:1rem .72rem .3rem;font-weight:700}.sidebar .spacer{flex:1;min-height:.5rem}.main{flex:1;padding:2rem 2.4rem 3rem;max-width:1120px;width:100%;margin:0 auto}.topbar,.bottomnav,.fab{display:none}@media (max-width: 860px){.layout{flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30;padding-top:calc(.7rem + env(safe-area-inset-top))}.topbar .brand{font-weight:750;font-size:1.08rem;display:flex;align-items:center;gap:.45rem}.topbar .brand .logo{width:26px;height:26px;border-radius:8px;background:var(--grad);display:grid;place-items:center;color:#fff;font-size:.8rem;font-weight:800}.topbar .brand span{color:var(--accent)}.hamburger{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;border-radius:11px;font-size:1.15rem;display:grid;place-items:center;cursor:pointer;color:var(--text)}.sidebar{position:fixed;inset:0 0 0 auto;top:0;width:min(84vw,330px);height:100vh;transform:translate(100%);transition:transform .24s cubic-bezier(.4,0,.2,1);z-index:60;box-shadow:var(--shadow-lg);border-left:1px solid var(--border);border-right:none;padding-top:calc(1.15rem + env(safe-area-inset-top))}.sidebar.open{transform:translate(0)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:55;opacity:0;pointer-events:none;transition:opacity .2s ease;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.scrim.show{opacity:1;pointer-events:auto}.sidebar .brand{display:none}.main{padding:1rem 1rem calc(1.4rem + var(--bottomnav-h) + env(safe-area-inset-bottom))}.bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:.3rem .2rem calc(.3rem + env(safe-area-inset-bottom));height:calc(var(--bottomnav-h) + env(safe-area-inset-bottom))}.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;color:var(--muted);font-size:.66rem;font-weight:650;padding:.3rem 0;border-radius:12px;transition:color .12s ease}.bottomnav a .ico{font-size:1.32rem;line-height:1}.bottomnav a.active{color:var(--accent)}.bottomnav a.active .ico{transform:translateY(-1px)}.fab{display:grid;place-items:center;position:fixed;right:1rem;bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom) + .8rem);width:58px;height:58px;border-radius:50%;z-index:45;background:var(--grad);color:#fff;font-size:1.7rem;font-weight:300;border:none;box-shadow:var(--shadow-lg);cursor:pointer}.fab:active{transform:scale(.94)}}h1{font-size:1.6rem;line-height:1.18;margin:0 0 .35rem;letter-spacing:-.025em}h2{font-size:1.18rem;margin:1.8rem 0 .7rem;letter-spacing:-.015em}h3{margin:0 0 .35rem;font-size:1rem;letter-spacing:-.01em}.subtitle{color:var(--muted);margin:0 0 1.4rem;font-size:.96rem;max-width:62ch}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.3rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}a.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.card h3{font-size:1rem}.card .meta{color:var(--muted);font-size:.85rem}.card.accent{border-left:3px solid var(--accent)}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}button,.btn{font:inherit;font-weight:600;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);padding:.55rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .05s ease,box-shadow .12s ease}button:hover{background:var(--surface-2);border-color:var(--muted)}button:active{transform:translateY(1px)}button.primary{background:var(--grad);border:none;color:#fff;box-shadow:var(--shadow-sm)}button.primary:hover{box-shadow:var(--shadow-md);filter:brightness(1.03)}button.danger{color:var(--danger);border-color:var(--danger-soft);background:transparent}button.danger:hover{background:var(--danger-soft)}button.big{padding:.8rem 1.5rem;font-size:1.02rem}button:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none;filter:none}input,textarea,select{font:inherit;width:100%;padding:.62rem .78rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color .12s ease,box-shadow .12s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{min-height:120px;resize:vertical;line-height:1.5}label{display:block;font-size:.86rem;color:var(--text-soft);margin:.75rem 0 .3rem;font-weight:550}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;font-weight:650;padding:.18rem .62rem;border-radius:99px;background:var(--surface-2);color:var(--text-soft);border:1px solid var(--border);white-space:nowrap}.badge.green{background:var(--accent-soft);color:var(--accent-strong);border-color:transparent}.badge.yellow{background:var(--warn-soft);color:var(--warn);border-color:transparent}.badge.red{background:var(--danger-soft);color:var(--danger);border-color:transparent}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:.9rem}.notice{border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--text);padding:.7rem .95rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.92rem;margin:.9rem 0}.notice.warn{border-color:var(--warn);background:var(--warn-soft)}.notice.error{border-color:var(--danger);background:var(--danger-soft)}.empty{color:var(--muted);text-align:center;padding:2.8rem 1.2rem;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2)}.kpis{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:1.1rem 0}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-20px;top:-20px;width:70px;height:70px;background:var(--grad-soft);border-radius:50%;opacity:.8}.kpi .num{font-size:1.95rem;font-weight:780;color:var(--accent);line-height:1.05;letter-spacing:-.02em;position:relative}.kpi .lbl{font-size:.82rem;color:var(--muted);margin-top:.15rem;position:relative}.page-thumb{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface);width:132px;box-shadow:var(--shadow-sm)}.page-thumb img{width:100%;height:152px;object-fit:cover;display:block;background:var(--surface-2)}.page-thumb .bar{display:flex;justify-content:space-between;padding:.3rem .45rem;font-size:.8rem;align-items:center}.page-thumb .bar a{padding:0 .18rem;font-size:.95rem}.hero{background:var(--grad);color:#fff;border-radius:var(--radius-lg);padding:1.5rem 1.6rem;margin-bottom:1.3rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-40px;bottom:-60px;width:200px;height:200px;background:#ffffff1f;border-radius:50%}.hero h1{color:#fff;margin:0 0 .2rem;position:relative}.hero p{margin:0;color:#ffffffe6;position:relative;font-size:.96rem}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(1000px 460px at 50% -8%,var(--accent-soft),transparent),var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.4rem;width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.login-card .logo{width:46px;height:46px;border-radius:13px;background:var(--grad);display:grid;place-items:center;color:#fff;font-size:1.35rem;font-weight:800;margin-bottom:.9rem;box-shadow:var(--shadow-sm)}pre.report{white-space:pre-wrap;word-break:break-word;font-family:inherit;background:var(--surface-2);padding:.75rem .9rem;border-radius:var(--radius-sm);margin:.3rem 0;font-size:.9rem;line-height:1.55;border:1px solid var(--border)}details{margin:.4rem 0}summary{cursor:pointer;color:var(--accent);font-size:.9rem}table{width:100%}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}