:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#182536;background:#edf7fa;line-height:1.45}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#d8f2f5 0,transparent 34%),#f5f7f6}.shell{max-width:1120px;margin:auto;padding:30px 22px 70px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 4px 28px}h1{font-size:clamp(40px,7vw,80px);line-height:.98;letter-spacing:-.06em;margin:8px 0 16px}h2{margin:0;font-size:28px;letter-spacing:-.04em}.lede,.hint{max-width:680px;color:#667484;font-size:17px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#2d82c8;margin:0 0 8px}.brand{width:76px;height:76px;border-radius:26px;background:#132c4a;color:#fff;font-size:42px;display:grid;place-items:center;box-shadow:0 12px 28px #9bc8d566}.panel{background:#ffffffc9;border:1px solid #b8ccd4;border-radius:30px;padding:28px;box-shadow:0 18px 40px #6096a51c;backdrop-filter:blur(18px);margin-bottom:20px}.section-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.pill,.archive-switch button,.tabs button{border:1px solid #c5d3d8;border-radius:999px;padding:11px 16px;background:#fff;color:#647282;font-weight:700}.pill{font-size:12px}.archive-switch{display:flex;gap:10px;margin-bottom:16px}.archive-switch button.active,.tabs button.active{background:#d9ecff;border-color:#3489dd;color:#176db2}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:grid;gap:7px;color:#65727d;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}input,textarea,select{width:100%;border:1px solid #cbd8dc;border-radius:16px;background:#fff;padding:13px 14px;color:#172333;font:inherit;letter-spacing:normal;text-transform:none}textarea{min-height:100px;resize:vertical}.code{min-height:390px;font-family:ui-monospace,monospace;font-size:12px}.actions{display:flex;gap:10px;margin-top:16px}.primary,.quiet{border:1px solid transparent;border-radius:16px;padding:13px 17px;font-weight:800;cursor:pointer}.primary{background:#167dbc;color:white}.quiet{background:#e8f0f3;color:#284257}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px}.stat{background:#fff;border:1px solid #c9dadd;border-radius:20px;padding:16px}.stat b{display:block;font-size:25px}.stat span{font-size:11px;color:#6d7c88;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tabs{display:flex;gap:10px;overflow:auto;margin-bottom:14px}.tabs button{cursor:pointer;white-space:nowrap}.toolbar{display:flex;gap:10px;margin-bottom:14px}.list{display:grid;gap:10px}.row{display:flex;align-items:center;gap:14px;border:1px solid #d2dfe2;border-radius:18px;background:#fff;padding:15px}.row-main{flex:1}.row h3{margin:0 0 4px;font-size:17px}.row p{margin:0;color:#687784;font-size:13px}.row small{color:#2d82c8;font-weight:800}.row-actions{display:flex;gap:6px}.row-actions button{border:0;background:#eef4f5;border-radius:10px;padding:8px;cursor:pointer}.editor{display:grid;gap:14px;border-top:1px solid #d8e4e5;padding-top:20px;margin-top:20px}.hidden{display:none!important}.check{display:flex;align-items:center;grid-template-columns:auto 1fr}.check input{width:auto}footer{display:flex;justify-content:space-between;color:#71808a;font-size:12px;padding:18px 4px}@media(max-width:700px){.grid.two,.grid.three,.stats{grid-template-columns:1fr 1fr}header{align-items:flex-start}.brand{width:56px;height:56px;border-radius:20px;font-size:30px}.panel{padding:20px;border-radius:24px}.row{align-items:flex-start}.row-actions{flex-direction:column}footer{display:block}footer span{display:block;margin-top:5px}}