:root{font-family:Inter,system-ui,-apple-system,"Malgun Gothic",sans-serif;color:#17223d;background:#f4f7fc}*{box-sizing:border-box}body{margin:0}header{background:#101d35;color:white;padding:18px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{background:#527cf9;padding:8px 13px;border-radius:13px;font-size:24px}.brand strong{display:block;font-size:18px}.brand small{display:block;color:#bac7e7;font-size:12px;margin-top:3px}.identity{display:flex;align-items:center;gap:12px;font-size:12px}main{max-width:1120px;margin:30px auto;padding:0 22px;min-height:70vh}.panel,.tile,.form-card{background:#fff;border:1px solid #e3e9f3;border-radius:16px;padding:23px;box-shadow:0 7px 24px #233a6609}.panel{max-width:650px;margin:0 auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.eyebrow{color:#4166dc;font-weight:700;font-size:12px;letter-spacing:.05em;margin:0 0 7px}h1{font-size:27px;margin:0 0 10px}h2{font-size:20px;margin:0 0 12px}h3{margin:0 0 16px;font-size:16px}.muted,.sub{color:#66748c;font-size:13px}.sub{margin:6px 0}nav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}nav button{background:white;color:#53627c;border:1px solid #e3e9f3}nav button.active{background:#315fe5;color:#fff;border-color:#315fe5}button{border:0;cursor:pointer;background:#315fe5;color:white;border-radius:9px;font-weight:700;padding:10px 15px;font-size:13px}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#edf2fb;color:#2e4f9c}.danger{background:#ffe9e9;color:#b82d2d}.link-btn{background:none;color:#345dd2;padding:6px 0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric{font-size:28px;font-weight:800;margin:9px 0 2px;color:#203e92}.form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:7px;font-size:13px;font-weight:650;color:#42536c}input,select,textarea{width:100%;border:1px solid #d9e1ef;background:white;color:#17223d;border-radius:9px;padding:11px;font:inherit;font-size:14px}textarea{min-height:85px;resize:vertical}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f5;padding:14px 0}.item:last-child{border-bottom:0}.item-title{font-weight:750;font-size:14px}.item-title.done{text-decoration:line-through;color:#96a2b2}.chip{display:inline-block;background:#eaf0ff;color:#3154a0;padding:4px 7px;border-radius:8px;font-size:11px;margin:5px 5px 0 0}.empty{padding:30px 10px;color:#8190a8;text-align:center}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.section-head h2{margin:0}.small{padding:6px 9px;font-size:12px}.bar-row{display:flex;gap:10px;align-items:center;margin:8px 0}.bar-track{background:#edf1f8;border-radius:10px;height:10px;flex:1;overflow:hidden}.bar-fill{background:#5078ee;height:100%;border-radius:10px}.bar-label{font-size:12px;min-width:80px;color:#5d6c83}#notice{position:fixed;bottom:18px;right:18px;z-index:10;background:#172b4f;color:white;border-radius:10px;padding:13px 19px;box-shadow:0 10px 25px #0002;display:none;max-width:min(400px,90vw)}#notice.show{display:block}footer{text-align:center;padding:22px;font-size:12px;color:#8490a3}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}h1{font-size:22px}.intro{align-items:flex-start}}@media(max-width:480px){header{padding:14px 18px}.brand strong{font-size:15px}main{padding:0 13px;margin:22px auto}.panel,.tile,.form-card{padding:17px}.grid{gap:9px}.form-grid{grid-template-columns:1fr}nav button{flex:1}.item{flex-wrap:wrap}.identity{font-size:11px}}