@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@300;400;500&display=swap";.login-page{color:#ffffffeb;background:radial-gradient(at 20% 20%,#10b9811f 0%,#0000 50%),radial-gradient(at 80% 80%,#38bdf81a 0%,#0000 50%),radial-gradient(at 60% 10%,#14b8a614 0%,#0000 40%),linear-gradient(160deg,#060910,#0a1520,#070c14);place-items:center;min-height:100vh;padding:32px 16px;font-family:Syne,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:420px;padding:36px 32px 32px;animation:.55s cubic-bezier(.22,1,.36,1) .1s forwards loginReveal;position:relative;transform:translateY(20px);box-shadow:0 0 0 1px #10b9810f,0 24px 80px #0009,0 8px 32px #0006}.login-card:before{content:"";background:linear-gradient(90deg,#0000,#10b98199,#38bdf866,#0000);border-radius:999px;height:1px;position:absolute;top:0;left:10%;right:10%}@keyframes loginReveal{to{opacity:1;transform:translateY(0)}}.brand{align-items:center;gap:14px;margin-bottom:28px;display:flex}.logo{background:linear-gradient(135deg,#10b98140,#38bdf826);border:1px solid #10b98140;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:22px;display:grid;box-shadow:0 8px 24px #10b98126}.login-title{letter-spacing:-.3px;background:linear-gradient(135deg,#fff,#ffffffbf);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:800}.login-subtitle{color:#ffffff73;margin:4px 0 0;font-family:DM Mono,monospace;font-size:12px;line-height:1.55}.login-form{gap:14px;display:grid}.field{gap:6px;display:grid}.field span{letter-spacing:.07em;text-transform:uppercase;color:#ffffff73;font-size:11px;font-weight:600}.login-input{color:#ffffffe0;box-sizing:border-box;background:#00000040;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-family:DM Mono,monospace;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.login-input::placeholder{color:#fff3}.login-input:focus{background:#00000059;border-color:#10b98173;box-shadow:0 0 0 3px #10b9811a}.login-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.remember-me{color:#ffffff80;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:inline-flex}.remember-me input[type=checkbox]{accent-color:#10b981;width:14px;height:14px}.link-btn{color:#38bdf8bf;cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:Syne,sans-serif;font-size:12px;font-weight:500;transition:color .15s}.link-btn:hover{color:#38bdf8}.login-button{color:#fffffff2;cursor:pointer;letter-spacing:.04em;background:linear-gradient(135deg,#10b98159,#38bdf833);border:1px solid #10b9814d;border-radius:12px;width:100%;margin-top:4px;padding:13px 14px;font-family:Syne,sans-serif;font-size:14px;font-weight:700;transition:background .2s,box-shadow .2s,transform .15s,border-color .2s;box-shadow:0 8px 24px #10b98126}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#10b98180,#38bdf84d);border-color:#10b98180;transform:translateY(-1px);box-shadow:0 12px 32px #10b98140}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#ff6464f2;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;padding:10px 14px;font-family:DM Mono,monospace;font-size:12px}.login-footnote{color:#ffffff4d;text-align:center;margin:2px 0 0;font-family:DM Mono,monospace;font-size:11px}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;z-index:50;background:#070c14e6;border-right:1px solid #ffffff0f;flex-direction:column;width:240px;min-width:240px;height:100vh;padding:28px 16px 24px;display:flex;position:sticky;top:0}.sidebar-header{color:#ffffffeb;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:28px;font-family:Syne,sans-serif;font-size:18px;font-weight:800;display:flex}.sidebar-header span{background:linear-gradient(135deg,#10b981,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.close-btn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:8px;margin-left:auto;padding:4px 8px;font-size:16px;transition:background .15s,color .15s;display:none}.close-btn:hover{color:#ffffffe6;background:#ffffff14}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{color:#ffffff80;cursor:pointer;text-align:left;letter-spacing:.02em;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:11px 14px;font-family:Syne,sans-serif;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:flex}.nav-item:hover{color:#ffffffd9;background:#ffffff0d}.nav-item.active{color:#14b8a6f2;background:#10b9811f;border-color:#10b98138;font-weight:700}.nav-item.logout:hover{color:#ef4444d9;background:#ef444414;border-color:#ef444426}.sidebar-footer{color:#ffffff40;letter-spacing:.04em;text-transform:uppercase;border-top:1px solid #ffffff0f;padding-top:20px;font-family:DM Mono,monospace;font-size:11px}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#070c1499;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:16px 24px;display:flex;position:sticky;top:0}.topbar-title{flex:1}.topbar-title h2{color:#ffffffeb;margin:0;font-family:Syne,sans-serif;font-size:16px;font-weight:700}.topbar-title p{color:#fff6;margin:2px 0 0;font-family:DM Mono,monospace;font-size:11px}.topbar-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.topbar-time{color:#ffffffbf;letter-spacing:.04em;font-family:DM Mono,monospace;font-size:15px;font-weight:500}.topbar-date{color:#ffffff59;letter-spacing:.06em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.menu-btn{color:#ffffffbf;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;padding:8px 12px;font-size:16px;transition:background .15s;display:none}.menu-btn:hover{background:#ffffff1a}.main-content{flex:1;padding:20px 24px}.overlay{display:none}@media (max-width:900px){.sidebar{z-index:50;min-width:260px;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.close-btn,.menu-btn{display:inline-block}.overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:block;position:fixed;inset:0}.main-content{padding:16px}.topbar-right{display:none}}@media (max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}.dash{box-sizing:border-box;color:#ffffffe6;will-change:auto;contain:layout style;width:100%;font-family:Syne,system-ui,sans-serif}.loading-state,.error-state{color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:20px;font-family:Syne,sans-serif}.error-state{border-color:#ef444459}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:18px 16px 16px;position:relative;overflow:hidden;transform:translateY(16px);box-shadow:0 18px 50px #00000059}.stat-card:first-child{border-top:2px solid #ffffff2e;animation-delay:50ms}.stat-card:nth-child(2){border-top:2px solid #14b8a699;animation-delay:.12s}.stat-card:nth-child(3){border-top:2px solid #10b98199;animation-delay:.19s}.stat-card:nth-child(4){border-top:2px solid #38bdf899;animation-delay:.26s}@keyframes cardReveal{to{opacity:1;transform:translateY(0)}}.stat-card:hover{border-color:#ffffff24;transition:transform .2s,box-shadow .2s,border-color .2s;transform:translateY(-3px);box-shadow:0 28px 64px #00000080}.stat-title{letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.stat-icon{opacity:.85;font-size:13px}.stat-icon.good{color:#10b981e6}.stat-icon.warn{color:#f59e0be6}.stat-icon.danger{color:#ef4444e6}.stat-icon.neutral{color:#ffffff80}.stat-card:first-child .stat-value{color:#ffffffeb}.stat-card:nth-child(2) .stat-value{color:#14b8a6f2}.stat-card:nth-child(4) .stat-value{color:#38bdf8f2}.stat-value{letter-spacing:-.5px;font-family:DM Mono,monospace;font-size:28px;font-weight:500;line-height:1}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;margin-top:14px;padding:20px;box-shadow:0 18px 50px #00000059}.panel-head h3{letter-spacing:.01em;margin:0;font-size:15px;font-weight:700}.chart{margin-top:16px}.no-data{text-align:center;color:#ffffff59;padding:2rem 0;font-family:DM Mono,monospace;font-size:.8rem}.target-input{color:#ffffffe6;box-sizing:border-box;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;margin-top:12px;padding:10px 14px;font-family:DM Mono,monospace;font-size:14px;transition:border-color .2s,box-shadow .2s}.target-input:focus{border-color:#10b98180;box-shadow:0 0 0 3px #10b9811f}.target-status{color:#ffffff80;margin-top:8px;font-size:12px}.save-btn{color:#ffffffe6;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#10b98138,#38bdf81f);border:1px solid #10b9814d;border-radius:12px;width:100%;margin-top:10px;padding:11px 12px;font-family:Syne,sans-serif;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .15s}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#10b98159,#38bdf833);border-color:#10b98180;transform:translateY(-1px)}.save-btn:disabled{opacity:.45;cursor:not-allowed}.save-msg{color:#10b981d9;min-height:16px;margin-top:6px;font-family:DM Mono,monospace;font-size:12px}.pill{letter-spacing:.05em;text-transform:uppercase;color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;margin-top:10px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill.good{color:#14b8a6f2;background:#10b9811f;border-color:#10b98166}.pill.warn{color:#f59e0bf2;background:#f59e0b1f;border-color:#f59e0b66}.pill.danger{color:#ef4444f2;background:#ef44441f;border-color:#ef444466}.pill.neutral{color:#fff9;background:#ffffff0d;border-color:#ffffff1a}.budget-block{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;margin-top:12px;padding:12px 14px;transition:background .3s}.budget-block.good{background:#10b98112;border-color:#10b98138}.budget-block.warn{background:#f59e0b12;border-color:#f59e0b38}.budget-block.danger{background:#ef444412;border-color:#ef444438}.budget-title{color:#ffffffeb;font-size:13px;font-weight:700}.budget-detail{color:#ffffff8c;margin-top:4px;font-family:DM Mono,monospace;font-size:12px}.progress{margin-top:14px}.progress-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.progress-label{letter-spacing:.05em;text-transform:uppercase;color:#ffffff8c;font-size:11px;font-weight:600}.progress-meta{color:#fff6;font-family:DM Mono,monospace;font-size:11px}.progress-track{background:#ffffff12;border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:#ffffff2e;border-radius:999px;width:0%;height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.progress-fill.good{background:linear-gradient(90deg,#10b981e6,#14b8a6b3)}.progress-fill.warn{background:linear-gradient(90deg,#f59e0be6,#fbbf24b3)}.progress-fill.danger{background:linear-gradient(90deg,#ef4444e6,#f87171b3)}.progress-fill.neutral{background:#ffffff40}.tip{color:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a121cbf;border:1px solid #ffffff14;border-left:3px solid #10b981b3;border-radius:16px;align-items:center;gap:10px;margin-top:14px;padding:14px 20px;font-size:13px;display:flex}.tip strong{color:#14b8a6f2;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:700}.fixed-tip{position:sticky;bottom:12px}@media (max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width:500px){.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:22px}}.analytics{box-sizing:border-box;color:#ffffffe6;width:100%;font-family:Syne,system-ui,sans-serif}.analytics-loading,.analytics-error{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;padding:20px;font-family:DM Mono,monospace;font-size:13px}.analytics-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.analytics-title{letter-spacing:-.3px;color:#fffffff2;margin:0;font-size:22px;font-weight:800}.analytics-sub{color:#fff6;margin:4px 0 0;font-family:DM Mono,monospace;font-size:12px}.analytics-meta{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.meta-item{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.meta-label{letter-spacing:.07em;text-transform:uppercase;color:#ffffff59;font-size:10px;font-weight:600}.meta-value{color:#14b8a6f2;font-family:DM Mono,monospace;font-size:16px;font-weight:500}.analytics-grid-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.a-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:20px;box-shadow:0 18px 50px #00000059}.a-panel-head{margin-bottom:16px}.a-panel-head h3{color:#ffffffeb;margin:0;font-size:15px;font-weight:700}.a-panel-head p{color:#fff6;margin:4px 0 0;font-family:DM Mono,monospace;font-size:11px}.a-no-data{text-align:center;color:#ffffff4d;padding:40px 0;font-family:DM Mono,monospace;font-size:12px}.heatmap{grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:12px;display:grid}.heat-cell{cursor:default;border:1px solid #10b9811a;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;transition:transform .15s,border-color .15s;display:flex}.heat-cell:hover{transform:translateY(-2px)}.heat-cell.peak{box-shadow:0 0 12px #10b98140}.heat-hour{color:#ffffffb3;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.heat-val{color:#fff6;font-family:DM Mono,monospace;font-size:9px}.heatmap-legend{color:#ffffff59;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:10px;display:flex}.legend-bar{background:linear-gradient(90deg,#10b9811a,#10b981d9);border-radius:999px;flex:1;height:4px}.rec-list{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.rec-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.rec-item:hover{background:#10b9810f;border-color:#10b9812e}.rec-dot{background:#10b981b3;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.rec-body{flex-direction:column;flex:1;gap:3px;display:flex}.rec-text{color:#fffc;font-size:13px;font-weight:500}.rec-time{color:#ffffff4d;font-family:DM Mono,monospace;font-size:10px}@media (max-width:1000px){.analytics-grid-2{grid-template-columns:1fr}.analytics-header{flex-direction:column;gap:14px}.analytics-meta{justify-content:flex-start}.meta-item{align-items:flex-start}.heatmap{grid-template-columns:repeat(8,1fr)}}@media (max-width:600px){.heatmap{grid-template-columns:repeat(6,1fr)}}.app-shell{color:#ffffffe6;background:linear-gradient(135deg,#070a0f,#0b1220);min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;display:flex}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:18px 20px;display:flex}.icon-btn{color:#ffffffd9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:8px 10px}.topbar-title h2{margin:0;font-size:18px}.topbar-title p{color:#ffffff9e;margin:2px 0 0;font-size:13px}.main-content{padding:20px}.panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:16px;box-shadow:0 18px 60px #00000059}.panel-head h3{margin:0;font-size:16px}.panel-head p{color:#ffffffa6;margin:4px 0 0;font-size:13px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.grid-2{grid-template-columns:1.35fr .65fr;gap:14px;display:grid}@media (max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}.sidebar{background:#ffffff0a;border-right:1px solid #ffffff14;width:260px}.close-btn{margin-left:auto;display:none}@media (max-width:900px){.sidebar{z-index:50;height:100vh;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.close-btn{display:inline-block}.overlay{z-index:40;background:#00000080;position:fixed;inset:0}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:#ffffffe6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070a0f;margin:0}button,input,textarea{font-family:inherit}