*{box-sizing:border-box} :root{color-scheme:dark;font:15px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef1fa;background:#0c1018;--muted:#9da9be;--accent:#afa2ff}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid #30384a;border-radius:13px;padding:10px 15px;background:#1d2533;color:inherit;touch-action:manipulation}button:hover{background:#293349}button:disabled{opacity:.5}button.primary{background:var(--accent);color:#17132d;border:0;font-weight:650}.danger{color:#ff9bad}header{max-width:1080px;margin:auto;padding:28px 22px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}small,.muted{color:var(--muted)}header small{font-size:10px;letter-spacing:2px;color:var(--accent)}h1{font-size:27px;margin:7px 0}h2{font-size:19px;margin:0 0 12px}h3{font-size:15px;margin:0}p{line-height:1.55}main{max-width:1080px;padding:0 22px calc(110px + env(safe-area-inset-bottom));margin:auto}.badge{font-size:11px;padding:7px 10px;border-radius:20px;background:#202739;color:#c9d1e0}.card{background:#151c28;border:1px solid #242e40;border-radius:20px;padding:20px;margin-bottom:12px}.hero{background:linear-gradient(130deg,#302848,#192437)}.hero strong{font-size:clamp(25px,6vw,38px);display:block;margin:12px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}.grid>.card{margin:0}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.metrics strong{display:block;font-size:21px;margin-top:7px;overflow-wrap:anywhere}.positive{color:#75d9bb}.negative{color:#ffabb9}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.toolbar>*{flex:1;min-width:130px}.toolbar button{flex:0 0 auto}input,select,textarea{width:100%;min-width:0;min-height:46px;background:#0f1520;border:1px solid #354056;color:inherit;border-radius:12px;padding:11px}input[type=checkbox]{width:22px;min-height:22px;accent-color:var(--accent)}label{display:block;color:var(--muted);font-size:13px;margin:14px 0}label input,label select,label textarea{display:block;margin-top:7px;color:#eef1fa}.check{display:flex;align-items:center;gap:9px}.check input{margin:0}.list-row{padding:15px 0;border-bottom:1px solid #283043;display:flex;align-items:center;gap:12px}.list-row:last-child{border:0}.list-row>div{flex:1;min-width:0}.list-row strong,.list-row small{display:block;overflow-wrap:anywhere}.list-row small{margin-top:5px}.list-row button{flex-shrink:0}.empty{text-align:center;padding:34px 16px;color:var(--muted)}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:5px;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:#111722ee;backdrop-filter:blur(16px);border-top:1px solid #283043;z-index:2}nav button{background:none;border:0;color:var(--muted);font-size:12px;padding:10px;flex:1;max-width:170px}nav button.active{background:#302b49;color:#ded5ff}details summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;min-height:32px}details summary:before{content:'›';color:var(--accent)}details[open] summary:before{content:'⌄'}summary strong{flex:1;overflow-wrap:anywhere}summary button{margin-left:5px}details .detail{padding-top:15px;line-height:1.7;overflow-wrap:anywhere}dialog{border:1px solid #354056;border-radius:22px;background:#171e2b;color:inherit;width:min(540px,calc(100% - 20px));max-height:calc(100dvh - 30px);padding:22px}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head h2{margin:0}.dialog-actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px;position:sticky;bottom:-22px;background:#171e2b;padding:12px 0}.dialog-actions button{flex:1}#form-error{color:#ffabb9}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);max-width:90vw;background:#ded5ff;color:#211e31;padding:14px 20px;border-radius:14px;z-index:5}.bar{height:6px;border-radius:5px;background:#2d3446;margin-top:10px}.bar i{display:block;height:100%;background:var(--accent);border-radius:5px}textarea{min-height:85px;resize:vertical}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:430px){header{padding:20px 16px 12px}header .badge{max-width:112px;text-align:center}main{padding-left:16px;padding-right:16px}.card{padding:16px}.toolbar>*{min-width:110px}summary{flex-wrap:wrap}.list-row{flex-wrap:wrap}.metrics strong{font-size:18px}}
@media(max-width:430px){.toolbar select{flex-basis:calc(50% - 4px);min-width:130px}.toolbar input[type=month]{flex-basis:100%}}