*{box-sizing:border-box}:root{--bg:#071016;--panel:#0d1b24;--line:#1d3947;--text:#ecf7f8;--muted:#87a8b0;--cyan:#35e5de;--red:#ff6b7a;--green:#46e19a}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial;background:radial-gradient(circle at 70% -20%,#123744 0,#071016 40%);color:var(--text)}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:24px 18px;background:#08141a;position:sticky;top:0;height:100vh}.brand{font-weight:800;font-size:18px;margin-bottom:28px}.brand b{color:var(--cyan)}.nav button{width:100%;text-align:left;border:0;background:transparent;color:var(--muted);padding:11px 12px;border-radius:10px;margin:4px 0;cursor:pointer}.nav button.active,.nav button:hover{background:#102530;color:white}.main{padding:32px;max-width:1300px;width:100%;margin:auto}.hero h1{font-size:34px;margin:0 0 8px}.hero p{color:var(--muted);margin:0 0 22px}.card{background:linear-gradient(180deg,#0d1d26,#0a171f);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 12px 40px #0004;margin-bottom:18px}.formgrid{display:grid;grid-template-columns:1fr 150px 150px 150px;gap:10px}.formgrid input{width:100%;background:#07141b;border:1px solid #244554;color:white;padding:13px;border-radius:11px}.actions{display:flex;gap:10px;margin-top:12px}.btn{border:0;border-radius:11px;padding:12px 16px;font-weight:700;cursor:pointer;background:var(--cyan);color:#002b2d}.btn.secondary{background:#16313d;color:white}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.span4{grid-column:span 4}.span6{grid-column:span 6}.span8{grid-column:span 8}.span12{grid-column:span 12}.score{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) calc(var(--p)*1%),#19333d 0);position:relative;margin:auto}.score:before{content:"";position:absolute;inset:11px;background:#0c1a22;border-radius:50%}.score strong{font-size:36px;z-index:1}.muted{color:var(--muted)}.chip{display:inline-block;padding:6px 9px;border-radius:999px;background:#16313d;color:#bfeff0;font-size:12px;margin:2px}.red{color:var(--red)}.green{color:var(--green)}.section h2{margin:0 0 12px;font-size:20px}.list{margin:0;padding-left:18px}.list li{margin:8px 0}.barrow{display:grid;grid-template-columns:1.8fr 3fr 70px;gap:10px;align-items:center;margin:10px 0}.bar{height:9px;background:#18303a;border-radius:999px;overflow:hidden}.bar i{height:100%;display:block;background:linear-gradient(90deg,#1fb8c6,var(--cyan))}.copybox{white-space:pre-wrap;background:#07141b;border:1px solid #1d3947;border-radius:12px;padding:14px;line-height:1.5}.thumb{max-width:100%;border-radius:12px;border:1px solid var(--line)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #17313d;text-align:left;font-size:14px}.hidden{display:none!important}.notice{padding:12px;border-radius:10px;background:#172a20;border:1px solid #2a5c42;color:#c9f6da}.error{background:#30171c;border-color:#65303b;color:#ffd6dc}.saved-item{border:1px solid var(--line);padding:12px;border-radius:12px;margin:8px 0;cursor:pointer}.footer{color:#7897a0;font-size:12px;padding:18px 0 30px}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav{display:flex;overflow:auto}.nav button{width:auto;white-space:nowrap}.main{padding:20px}.formgrid{grid-template-columns:1fr 1fr}.formgrid input:first-child{grid-column:1/-1}.span4,.span6,.span8{grid-column:span 12}}