:root{font-family:"Segoe UI",Arial,sans-serif;color:#162033;background:#eef3f8;--bordo:#6f163d;--mavi:#177fa8;--yesil:#16743c;--turuncu:#a25c00;--kirmizi:#b43a3a}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,rgba(111,22,61,.05),transparent 35%,rgba(67,172,211,.08)),#eef3f8}.shell{max-width:1240px;margin:auto;padding:28px 20px 48px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;border-radius:18px;background:#fff;border:1px solid #d8e1eb;box-shadow:0 8px 26px rgba(39,67,91,.09)}.topbar h1{margin:0;color:var(--bordo)}.topbar p{margin:5px 0 0;color:#65758a}.eyebrow{font-size:12px!important;font-weight:800;letter-spacing:.15em;color:var(--mavi)!important}.login-card,.card{margin-top:20px;padding:22px;border-radius:16px;background:#fff;border:1px solid #d8e1eb;box-shadow:0 7px 22px rgba(39,67,91,.07)}.login-card{max-width:470px;margin:44px auto}.login-card h2,.card h2{margin:0;color:var(--bordo)}.login-card p,.muted{color:#65758a}.login-card form{display:grid;gap:14px;margin-top:20px}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#344054}.full{grid-column:1/-1}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #c9d5e1;border-radius:9px;background:#fff;color:#172033;font:inherit}textarea{font-family:Consolas,monospace;font-size:12px;resize:vertical}.button{border:0;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer}.button.primary{background:var(--yesil);color:#fff}.button.secondary{background:var(--mavi);color:#fff}.button.danger{background:var(--kirmizi);color:#fff}.button:disabled{opacity:.55;cursor:not-allowed}.actions{display:flex;gap:10px;align-items:center}.new-key{display:grid;gap:10px;margin-top:18px;padding:16px;border-radius:11px;background:#ecf8f0;border:1px solid #9bd0ac}.new-key code{padding:11px;border-radius:8px;background:#15202d;color:#dff6e6;font-size:16px;font-weight:800;overflow:auto}.new-key small{color:#486157}.public-key-card{display:flex;flex-direction:column;gap:13px}.public-key-card p{margin:0}.list-card{margin-top:20px}.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.section-title p{margin:4px 0 0}.table-wrap{overflow:auto;margin-top:16px;border:1px solid #d8e1eb;border-radius:10px}table{border-collapse:collapse;width:100%;min-width:770px}th,td{padding:12px;border-bottom:1px solid #e0e7ef;text-align:left;vertical-align:middle}th{background:#f3f7fa;color:#344054}tr:last-child td{border-bottom:0}.status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.status.active{background:#e6f7eb;color:#16743c}.status.suspended{background:#fff3d7;color:#925900}.status.cancelled{background:#fde8e8;color:#ae2525}.row-actions{display:flex;gap:7px}.row-actions .button{padding:7px 9px;font-size:12px}.editor{border-top:4px solid var(--bordo)}.device-section{margin-top:24px;border-top:1px solid #dce4ec;padding-top:18px}.device-section h3{margin:0 0 10px;color:var(--bordo)}.device-list{display:grid;gap:9px}.device{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #d9e3eb;border-radius:10px;background:#f9fbfd}.device code{font-size:12px}.device small{display:block;color:#65758a;margin-top:3px}.notice{margin-top:18px;padding:12px 14px;border-radius:10px;background:#eaf5ff;border:1px solid #98c8ef;color:#154a78;font-weight:700}.notice.error{background:#fdeeee;border-color:#efaaaa;color:#9b2424}.message{min-height:22px;font-weight:700;color:#9b2424}@media(max-width:800px){.shell{padding:16px}.topbar,.section-title,.device{align-items:flex-start;flex-direction:column}.grid,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.login-card{margin-top:20px}.device .button{width:100%}}