:root{font-family:Arial,Helvetica,sans-serif;color:#193249;background:#f3f6f9;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#123c58;color:white;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,calc((100vw - 1350px)/2));gap:20px}.brand{font-size:25px;font-weight:800;white-space:nowrap}.brand span{font-size:16px;font-weight:400;margin-left:18px;border-left:1px solid #618097;padding-left:18px}#identity{display:flex;align-items:center;gap:10px}header button{background:transparent;color:white;border-color:#658095}main{max-width:1400px;margin:0 auto;padding:28px 24px 60px}h1{font-size:25px;margin:0 0 8px}h2{font-size:20px;margin:0 0 12px}p{line-height:1.5;margin:8px 0 16px}label{display:block;font-size:13px;font-weight:600;color:#345269}input,select,textarea{font:inherit;color:#193249;border:1px solid #bdcad5;border-radius:7px;background:white;width:100%;padding:10px 12px;margin-top:6px;min-height:42px}input:focus,select:focus,textarea:focus{outline:3px solid #b4d6ea;outline-offset:1px}textarea{min-height:95px;resize:vertical}input[readonly]{background:#f0f3f6}button{font:inherit;border:1px solid #b8c8d3;border-radius:7px;background:white;color:#183c56;padding:9px 14px;cursor:pointer;white-space:nowrap}button:hover{background:#e9f2f7}button:disabled{cursor:default;opacity:.5}.primary{background:#12648c;border-color:#12648c;color:white}.primary:hover{background:#0d5275}.danger{color:#a23131;border-color:#d9a9a9}.hidden{display:none!important}.auth-card{max-width:440px;margin:45px auto;background:white;border:1px solid #d6e0e7;border-radius:12px;padding:30px}.auth-card form{display:grid;gap:14px}.auth-card form button{margin-top:6px}.auth-card p{color:#5a7080}.muted{color:#667b8b;font-size:13px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.heading p{color:#597080;margin-bottom:0}.toolbar{display:flex;align-items:flex-end;gap:14px;background:white;border:1px solid #d6e0e7;padding:16px;border-radius:9px}.grow{flex:1}.check{display:flex;align-items:center;gap:8px;min-height:42px}.check input{width:auto;min-height:0;margin:0}.toolbar select{min-width:140px}nav{display:flex;gap:10px;border-bottom:1px solid #d5e0e7;padding-bottom:18px;margin-bottom:25px}nav button{background:transparent;border-color:transparent}nav button.selected{background:#dfeef6;color:#164a68;border-color:#b5d1e2;font-weight:bold}.table-wrap{overflow-x:auto;background:white;border:1px solid #d6e0e7;border-radius:9px;margin-top:16px}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;vertical-align:middle;padding:14px 13px;border-bottom:1px solid #e4eaef;line-height:1.45}th{background:#eaf0f5;color:#4e697c;font-size:12px;font-weight:bold}td{font-size:13px}tbody tr:last-child td{border:0}td small{display:block;color:#667b8b;font-size:11px;margin-top:5px}td .actions{display:flex;gap:6px;flex-wrap:wrap}td button{font-size:12px;padding:7px 10px}.price{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.tag{display:inline-block;background:#e6f3eb;color:#24623e;font-size:11px;padding:4px 8px;border-radius:4px}.tag.off{background:#edf0f3;color:#657383}.error{color:#a12d2d}#notice:not(:empty){padding:12px 16px;border-radius:7px;background:#e4f2eb;color:#25633e;margin-bottom:20px}#notice.error{background:#fcebea;color:#a12d2d}.actions{display:flex;gap:10px;align-items:center}dialog{border:1px solid #c2d1dd;border-radius:12px;box-shadow:0 12px 55px #122d4933;max-width:850px;width:calc(100% - 40px);padding:26px;color:#193249}dialog::backdrop{background:#18344a77}dialog form{margin:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}#user-dialog,#secret-dialog{max-width:500px}#user-dialog label{margin:12px 0}#secret-value{font-family:monospace;margin-bottom:20px}.subtle{color:#60798c}#service-name{font-weight:500}@media(max-width:720px){header{align-items:flex-start;flex-direction:column;padding:16px 20px;gap:14px}.brand span{font-size:14px;margin-left:10px;padding-left:10px}main{padding:20px 14px}.heading{align-items:flex-start;flex-direction:column;gap:12px}.toolbar{align-items:stretch;flex-direction:column}.grid{grid-template-columns:1fr}.full{grid-column:auto}nav{overflow-x:auto}.auth-card{margin:20px auto;padding:22px}dialog{padding:20px;width:calc(100% - 20px)}#identity{flex-wrap:wrap}h1{font-size:23px}}