*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f3f5f7;color:#1c2733}.wrap{max-width:860px;margin:0 auto;padding:20px 14px 60px}header h1{margin:6px 0 2px;font-size:28px}.sub{color:#5b6b7c;margin-bottom:14px}.card{background:#fff;border-radius:12px;padding:16px 18px;margin:14px 0;box-shadow:0 1px 3px #00000014}.card h2{margin:2px 0 10px;font-size:19px}.brief{border-left:5px solid #2563eb}.alert{padding:8px 10px;border-radius:8px;margin:6px 0;font-weight:600}.alert.low,.alert.overdue{background:#fde8e8;color:#8f1d1d}.alert.due-soon{background:#fdf3d7;color:#7a5b00}.muted{color:#6b7a89;font-weight:400}.small{font-size:13px}.note{background:#e8f1fd;padding:8px 12px;border-radius:8px}.gauge{height:22px;background:#e5eaf0;border-radius:11px;overflow:hidden;margin:8px 0 12px}.gauge .fill{height:100%;background:linear-gradient(90deg,#2f9e44,#69b86b)}.gauge .fill.low{background:linear-gradient(90deg,#d64545,#e8836b)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:10px 0}.grid div{background:#f6f8fa;border-radius:10px;padding:10px;text-align:center}.grid b{display:block;font-size:19px}.grid span{font-size:12px;color:#5b6b7c}.grid .danger b{color:#c92a2a}table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid #edf0f3}tr.best td{background:#eaf7ee;font-weight:600}.form{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.form input,.form select{padding:8px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px}button{background:#2563eb;color:#fff;border:0;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px}button.x{background:transparent;color:#94a3b8;padding:2px 6px}.radar{padding:10px 12px;border-radius:10px;margin:8px 0;background:#f6f8fa}.radar.due-soon{background:#fdf3d7}.radar.overdue{background:#fde8e8}.radar.no-date{opacity:.85}.pricing{border-left:5px solid #f5b301}.spark{background:#f6f8fa;border-radius:8px}.form.col{flex-direction:column;align-items:stretch;max-width:420px}.form.col input,.form.col select{width:100%}.form.col label input{margin-top:4px}button.ghost{background:transparent;color:#2563eb;border:1px solid #cbd5e1}.alert.read{opacity:.55;font-weight:400}.alert.info{background:#e8f1fd;color:#1e3a5f}.bars{margin-top:10px}.bar-row{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:13px}.bar-row>span:first-child{width:64px;color:#5b6b7c}.bar{flex:1;height:12px;background:#e5eaf0;border-radius:6px;overflow:hidden}.bar>div{height:100%;background:#2563eb}ul{margin:8px 0;padding-left:20px}li{margin:4px 0}select{padding:6px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px}.site-foot{text-align:center;color:#6b7a89;font-size:13px;margin-top:26px}.site-foot a{color:#2563eb}a.btn-link{display:inline-block;background:#2563eb;color:#fff;padding:8px 14px;border-radius:8px;font-size:14px;text-decoration:none}a.btn-link:hover{background:#1d4ed8}