:root{color:#172033;background:#f4f6fa;font-family:Inter,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:#fff;cursor:pointer;background:#285bc7;border:0;border-radius:9px;padding:10px 15px;font-weight:700}.center{text-align:center;place-items:center;min-height:100vh;display:grid}.center section{background:#fff;border-radius:18px;padding:42px;box-shadow:0 20px 60px #20315a18}.layout{grid-template-columns:230px 1fr;min-height:100vh;display:grid}aside{color:#dce5f8;background:#14213b;flex-direction:column;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.logo{letter-spacing:.04em;font-weight:850}.logo span{color:#8fa6d1;margin-top:4px;font-size:.7rem;display:block}nav{gap:6px;margin-top:42px;display:grid}nav a{color:#dce5f8;border-radius:8px;padding:11px;text-decoration:none}nav a:hover{background:#ffffff12}.ghost{background:#ffffff12;margin-top:auto}main{min-width:0;padding:44px}h1{margin-top:0}.stats{grid-template-columns:repeat(3,minmax(160px,1fr));gap:22px;display:grid}.stat{background:#fff;border:1px solid #e2e7f0;border-radius:15px;padding:24px}.stat span{color:#71809c}.stat strong{margin-top:14px;font-size:2.3rem;display:block}.title{justify-content:space-between;align-items:center;gap:20px;display:flex}.title input{border:1px solid #ccd4e2;border-radius:9px;width:280px;margin-right:8px;padding:10px}.table{background:#fff;border:1px solid #e2e7f0;border-radius:14px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid #edf0f5;padding:14px;font-size:.88rem}th{color:#67748d;background:#fafbfc}.empty{text-align:center;color:#7e899d;padding:25px}.hint{color:#6b7890}.actions{gap:6px;min-width:220px;display:flex}.actions button{color:#214d9e;background:#e9effc;padding:7px 9px;font-size:.75rem}.notice{color:#214d9e;background:#eaf2ff;border-radius:9px;padding:12px 15px}.secret-value{overflow-wrap:anywhere;font-family:ui-monospace}.client-form{background:#fff;border:1px solid #e2e7f0;border-radius:14px;grid-template-columns:repeat(2,minmax(220px,1fr));gap:15px;margin-bottom:22px;padding:20px;display:grid}.client-form label{gap:6px;font-size:.85rem;font-weight:650;display:grid}.client-form input,.client-form textarea,.client-form select{border:1px solid #ccd4e2;border-radius:8px;padding:10px}.client-form textarea{min-height:75px}.client-form button{align-self:end}@media (width<=760px){.layout{grid-template-columns:1fr}aside{height:auto;position:static}nav{grid-template-columns:repeat(4,1fr);margin-top:20px;overflow:auto}.ghost{margin-top:18px}main{padding:24px 14px}.stats{grid-template-columns:1fr}.title{flex-direction:column;align-items:flex-start}.title input{width:210px}.client-form{grid-template-columns:1fr}}