:root{--accent:#9991ed;--muted:#8498af;color:#f2f5fa;background:#0b1217;font-family:"Segoe UI",system-ui,sans-serif}button,input,select,textarea{border-color:#283640;background:#121b23;border-radius:15px}button{background:#18232c;font-weight:600}button:hover{background:#22323e}.card{background:#141e26;border-color:#1c2a34;border-radius:23px}.hero{background:linear-gradient(125deg,#1c2731,#141e26)}.hero strong{font-weight:700}.muted,small{color:var(--muted)}.illustrated{width:38px;height:38px;object-fit:contain;flex:none}.brand{display:flex;align-items:center;gap:10px;padding:14px 12px 24px}.brand .illustrated{width:34px;height:34px}#sidebar{display:none}header{align-items:flex-start;max-width:1440px}header h1{font-size:34px;letter-spacing:-1px}#subtitle{font-size:13px;color:var(--muted);margin:6px 0 0;max-width:640px}main{max-width:1440px}.metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));align-items:stretch}.metrics .card{margin:0;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:104px}.metrics strong{margin:0;font-size:clamp(19px,2.6vw,28px)}.quiet{background:transparent;border-color:transparent;color:var(--muted);padding:8px;min-width:44px;font-size:12px}.quiet:hover{color:#fff;background:#22303a}.account-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--account-color) 19%,transparent),transparent 78%),#141e26}.account-top{display:flex;align-items:center;gap:10px;margin-bottom:20px}.account-top>div{flex:1}.account-top .illustrated{width:48px;height:48px}.account-balance{display:block;font-size:clamp(22px,3vw,30px);margin:12px 0}.account-card .row{margin-top:18px}.account-card>.badge{margin-top:15px}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;align-items:start}.category-node{margin-bottom:0;padding:8px 0}.category-node.card{padding:14px}.category-node>summary{min-height:60px;gap:8px;flex-wrap:nowrap}.category-node>summary:before{font-size:15px;width:8px;flex:none}.node-title{flex:1;min-width:0}.node-title strong{font-size:14px}.node-title small{display:block;font-size:11px;margin-top:5px}.category-children{margin:0 0 0 16px;padding:0 0 0 10px;position:relative}.category-children:before{content:'';position:absolute;top:8px;bottom:18px;left:0;width:1px;background:linear-gradient(transparent,#39445066 20%,#39445066 80%,transparent)}.category-node .illustrated{width:32px;height:32px}.category-node .quiet{padding:4px;min-width:35px}.analysis-total{text-align:center;padding:28px}.analysis-total>strong{font-size:36px;display:block;margin:20px}.analysis-total>small{display:block}.stacked{height:12px;display:flex;border-radius:6px;overflow:hidden;background:#293540}.analysis-list{max-width:1020px;margin:auto}.analysis-list summary{display:grid;grid-template-columns:12px 38px minmax(0,1fr) 50px minmax(95px,auto);gap:10px;min-height:58px}.percent{text-align:center;color:var(--muted);font-size:13px}.analysis-list summary>b{text-align:right}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;text-align:center}.calendar-grid>small{padding:12px}.calendar-day{min-height:75px;padding:8px;background:transparent;border-color:transparent;display:flex;flex-direction:column;align-items:center;gap:10px}.calendar-day.today{border-color:#7e78ca}.calendar-day.active{background:#292b48}.activity,.planned{display:inline-block;border-radius:50%;width:5px;height:5px;background:var(--accent);margin:2px}.planned{background:#4ccfa9}.tool-card{text-align:left;padding:25px;min-height:190px}.tool-card .illustrated{width:54px;height:54px;margin-bottom:20px}.tool-card p{color:var(--muted);font-weight:400}.tool-card>span{color:var(--accent);font-size:13px}.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.more-grid button{display:flex;align-items:center;gap:12px;text-align:left;padding:18px}.icon-preview{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:12px}.icon-preview img{width:64px;height:64px}input[type=color]{padding:5px;height:48px}#bottom-nav{background:#111c25f5;z-index:3}#bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;border-radius:13px;font-size:11px;padding:5px}#bottom-nav .illustrated{width:28px;height:28px}.list-row{border-color:#26333c}.day-group{padding:0;overflow:hidden;margin-bottom:14px}.day-group>summary{background:#1a2630;justify-content:center;padding:17px;min-height:68px;position:relative;flex-direction:column;gap:6px}.day-group[open]>summary{background:#262c45}.day-group>summary:before{position:absolute;left:18px;top:22px}.day-group>summary strong{text-align:center;font-size:13px}.day-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.day-badges .badge{font-size:10px;background:#202e38}.day-trips{padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:10px;align-items:start}.day-trips>.card{margin:0;border-radius:16px;padding:14px;background:#1a2630}.day-trips summary{min-height:36px;font-size:13px}.trip-flags{display:flex;gap:12px;flex-wrap:wrap}.trip-flags .check{margin:0}.trip-route{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;font-size:13px}.trip-route small{font-size:11px}.work-head{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.work-head button{min-width:150px}.section-tabs{display:flex;gap:8px;border-bottom:1px solid #23313b;margin:24px 0 14px}.section-tabs button{background:transparent;border:0;border-radius:0;color:var(--muted)}.section-tabs button.active{border-bottom:2px solid var(--accent);color:#fff}.work-metrics{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.work-metrics .card{min-height:110px}.work-period{justify-content:center;background:#17222c;padding:12px;border-radius:22px}.work-period>*{flex:0 1 auto;min-width:0}.work-period input{width:170px}.work-period select{width:165px}.field-config{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.field-config .toolbar{margin:0}.field-config h3{margin-bottom:6px}.filter-strip{display:flex;gap:8px;flex-wrap:wrap}.filter-strip>*{flex:1;min-width:130px}.tx-icon{display:flex;align-items:center;gap:10px}.tx-icon img{flex:none}.tx-icon>div{min-width:0}.tx-icon strong{font-size:14px}.stats-link{margin-top:16px}.hero .row{margin-top:15px}dialog{background:#10191f;border-radius:24px}.dialog-actions{background:#10191f}#fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}#fields>label:has(textarea),#fields>.icon-preview{grid-column:1/-1}#fields label{margin:9px 0}.nav-active{background:#262c45}body.light{color:#192635;background:#edf2f4;color-scheme:light}body.light .card,body.light dialog{background:#fff;border-color:#dce3e8}body.light input,body.light select,body.light textarea{background:#f4f6f8;color:#192635}body.light button{color:#29394a}body.light .hero{background:#e4e7f8}body.light #bottom-nav,body.light #sidebar{background:#f6f8fa}body.light .day-group>summary{background:#e5eaf0}body.light .day-trips>.card{background:#f5f7f9}body.light .dialog-actions{background:#fff}
@media(min-width:1000px){#sidebar{position:fixed;left:0;top:0;bottom:0;width:205px;display:flex;flex-direction:column;padding:22px 12px;background:#101a21;border-right:1px solid #21303a;overflow:auto}#sidebar>button{background:none;border:0;text-align:left;display:flex;align-items:center;gap:10px;min-height:48px;margin-bottom:3px;font-size:13px;padding:8px 12px}#sidebar>button.active{background:#292c47;color:#b6afff}#sidebar .illustrated{width:25px;height:25px}body{padding-left:205px}#bottom-nav{display:none}main{padding-bottom:35px}header{padding-top:35px}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}
@media(max-width:600px){header{padding:24px 16px 14px}header h1{font-size:30px}header .badge{font-size:10px;max-width:95px}main{padding-inline:12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metrics .card{padding:14px;min-height:94px}.card{padding:17px}.day-group{padding:0}.category-node.card{padding:12px}.analysis-list summary{grid-template-columns:8px 30px minmax(0,1fr) 35px minmax(72px,auto);gap:6px;font-size:12px}.analysis-list .illustrated{width:30px;height:30px}.analysis-list .percent{font-size:11px}.calendar-day{min-height:55px;padding:6px}.calendar-grid{gap:3px}.calendar-grid>small{padding:5px}.work-period input{flex:1;width:130px}.work-period select{flex:1;width:130px}.work-head button{min-width:0;flex:1;font-size:12px}.work-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.account-balance{font-size:25px}.more-grid button{padding:12px;gap:8px;font-size:13px}.more-grid .illustrated{width:30px;height:30px}.analysis-total>strong{font-size:28px}#fields{display:block}.day-trips{grid-template-columns:1fr}summary{flex-wrap:nowrap}.toolbar{margin:12px 0}.toolbar>*{min-width:0}.field-config{grid-template-columns:1fr}#subtitle{font-size:12px}#toast{bottom:105px;width:max-content;max-width:calc(100% - 24px)}}

.illustrated{background:#f4f1eb;border-radius:9px;padding:3px}#sidebar .illustrated,#bottom-nav .illustrated{background:transparent;filter:brightness(1.8);padding:0}.category-node .illustrated{width:36px;height:36px}.icon-preview .illustrated{padding:5px}


.illustrated{display:inline-block;background-repeat:no-repeat;padding:0}#sidebar .illustrated,#bottom-nav .illustrated{background-color:transparent}.icon-preview .illustrated{padding:0}