:root{color-scheme:dark;--bg: #070b0d;--panel: rgba(14, 22, 24, .84);--panel-strong: rgba(18, 29, 31, .96);--line: rgba(184, 219, 208, .16);--line-bright: rgba(188, 255, 231, .34);--text: #edf7f1;--muted: #81928b;--muted-2: #a8b7b0;--accent: #d8ff4f;--cyan: #34e6d0;--green: #75f0a4;--red: #ff6b61;--orange: #ffbd5a;--shadow: 0 24px 80px rgba(0, 0, 0, .42);font-family:Avenir Next Condensed,DIN Condensed,Noto Sans SC,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 82% 8%,rgba(216,255,79,.16),transparent 28rem),radial-gradient(circle at 18% 82%,rgba(52,230,208,.16),transparent 32rem),linear-gradient(135deg,#050708,#0b1113 45%,#10150f);color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}#app{display:flex;min-height:100vh}#app.app-login{display:block}.content-full{margin-left:0!important;width:100%!important;padding:0!important}.nav-logout{margin-top:18px;width:100%;cursor:pointer;background:transparent;font-family:inherit}.sidebar{width:220px;color:#fff;padding:22px 14px;position:fixed;height:100vh;overflow-y:auto;background:linear-gradient(180deg,#080e10f5,#080d0ebd);border-right:1px solid var(--line);box-shadow:18px 0 70px #00000059;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.sidebar:after{content:"";position:absolute;inset:14px 10px auto auto;width:42px;height:42px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);opacity:.65}.logo{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding:8px 8px 28px;margin-bottom:8px;line-height:1.1}.logo-mark{display:grid;place-items:center;width:52px;height:52px;color:#0b1113;background:var(--accent);border-radius:4px 18px 4px 4px;font-weight:900;letter-spacing:-.06em;box-shadow:0 0 38px #d8ff4f47}.logo-text{font-size:22px;font-weight:800;letter-spacing:.08em}.logo small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.18em}.nav-item{display:flex;align-items:center;min-height:42px;margin:6px 0;padding:11px 14px 11px 18px;color:var(--muted-2);text-decoration:none;font-size:14px;letter-spacing:.08em;border:1px solid transparent;border-radius:3px 16px 3px 3px;transition:transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease}.nav-item:before{content:"";width:6px;height:6px;margin-right:12px;background:currentColor;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:.5}.nav-item:hover{color:var(--text);background:#ffffff0e;border-color:var(--line);transform:translate(4px)}.nav-item.active{color:#07100e;background:linear-gradient(135deg,var(--accent),#85ffcf);border-color:#ffffff80;box-shadow:0 12px 28px #74f0a429}.content{position:relative;margin-left:220px;padding:34px;flex:1;width:calc(100vw - 220px);min-width:0}.content>*{width:100%}h2{margin:0 0 20px!important;font-size:clamp(28px,4vw,54px);line-height:.9;letter-spacing:-.05em;text-transform:uppercase}h3{margin:0 0 16px!important;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.card{position:relative;overflow-x:auto;overflow-y:hidden;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:24px 6px;padding:22px;margin-bottom:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--line-bright),transparent)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:22px}.stat-card{position:relative;overflow:hidden;min-height:80px;background:linear-gradient(145deg,#111c1ff0,#0d1313cc),radial-gradient(circle at 90% 0%,rgba(216,255,79,.2),transparent 40%);border:1px solid var(--line);border-radius:6px 28px 6px 6px;padding:14px 16px;box-shadow:0 18px 46px #00000047;animation:rise-in .5s ease both}.stat-card:after{content:"";position:absolute;right:14px;bottom:14px;width:34px;height:34px;border-right:1px solid rgba(216,255,79,.5);border-bottom:1px solid rgba(216,255,79,.5);opacity:.7}.stat-card .label{font-size:11px;color:var(--muted);margin-bottom:6px;letter-spacing:.12em;text-transform:uppercase}.stat-card .value{font-family:American Typewriter,Courier New,monospace;font-size:clamp(15px,2.2vw,22px);line-height:1.2;font-weight:700;color:var(--text);letter-spacing:-.03em}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;color:var(--text)}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(184,219,208,.1)}th{background:#ffffff0a;color:var(--muted-2);position:sticky;top:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}tbody tr{transition:background .16s ease,transform .16s ease}tbody tr:hover{background:#d8ff4f0e;transform:translate(3px)}.tag{display:inline-flex;align-items:center;min-height:24px;padding:3px 10px;border-radius:999px;font-size:12px;border:1px solid currentColor;background:#ffffff0b}.tag-blue{color:var(--cyan)}.tag-green{color:var(--green)}.tag-red{color:var(--red)}.tag-orange{color:var(--orange)}.btn,.pagination button{padding:9px 16px;border:1px solid var(--line-bright);border-radius:999px;background:#ffffff0e;color:var(--text);cursor:pointer;font-size:13px;transition:transform .16s ease,background .16s ease,opacity .16s ease}.btn-primary{background:var(--accent);color:#07100e;border-color:var(--accent);font-weight:800}.btn:hover,.pagination button:hover:not(:disabled){transform:translateY(-1px);background:#d8ff4f24}button:disabled{opacity:.38;cursor:not-allowed}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px;align-items:center}.filters input,.filters select{min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#03070894;color:var(--text);font-size:13px;outline:none}.filters input:focus,.filters select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d8ff4f1a}.section-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 18px;padding:6px;width:max-content;max-width:100%;background:#03070861;border:1px solid var(--line);border-radius:999px}.section-tab{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 15px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted-2);cursor:pointer;font-size:13px;letter-spacing:.08em;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.section-tab:hover{color:var(--text);transform:translateY(-1px)}.section-tab.active{background:var(--accent);border-color:var(--accent);color:#07100e;font-weight:800}.section-tab-count{opacity:.68;font-family:American Typewriter,Courier New,monospace;letter-spacing:0}.tab-panel{min-width:100%;animation:rise-in .24s ease both}.clickable-row{cursor:pointer}.clickable-row td:first-child{color:var(--accent)}.drill-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;align-items:start;margin-top:18px}.drill-panel{min-height:220px}.panel-title{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-title h3{margin:0!important}.summary-strip{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted-2);font-size:13px}.detail-list{display:grid;gap:10px}.detail-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px 4px;background:#ffffff09}.detail-item strong{color:var(--text)}.detail-item span{color:var(--muted-2);font-size:12px}.pagination{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:18px;color:var(--muted-2)}.loading,.empty{text-align:center;padding:42px;color:var(--muted)}.text-muted{color:var(--muted)}.money-income{color:var(--green)!important}.money-expense{color:var(--red)!important}.mono{font-family:American Typewriter,Courier New,monospace}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){#app{display:block}.sidebar{position:sticky;top:0;z-index:10;width:100%;height:auto;display:flex;gap:8px;padding:12px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar:after{display:none}.logo{min-width:150px;padding:0 10px 0 0;margin:0;grid-template-columns:42px 1fr}.logo-mark{width:42px;height:42px}.logo-text{font-size:18px}.nav-item{min-width:max-content;margin:0;padding:10px 12px}.content{margin-left:0;width:100%;padding:22px 14px}.card{padding:16px;border-radius:18px 4px;overflow-x:auto}table{min-width:760px}.section-tabs{width:100%;flex-wrap:nowrap;overflow-x:auto;border-radius:22px}.section-tab{min-width:max-content}.drill-layout{grid-template-columns:1fr}}