:root{--primary: #7cb67c;--primary-dark: #5a9a5a;--primary-light: #a8d4a8;--bg: #faf8f5;--surface: #ffffff;--text: #2d3436;--text-muted: #636e72;--text-light: #95a5a6;--border: #e8e4df;--error: #c0392b;--warning: #d68910;--success: #27ae60;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px}*{box-sizing:border-box}html,body{margin:0}body{font-family:Heebo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.7;font-weight:400}h1,h2,h3,.brand{font-family:Suez One,Heebo,serif;font-weight:400;letter-spacing:.01em;line-height:1.2;margin:0 0 12px}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px;font-family:Heebo,sans-serif;font-weight:600;letter-spacing:0}a{color:var(--primary-dark);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.layout{min-height:100vh;display:flex;flex-direction:column}.nav{background:var(--surface);border-block-end:1px solid var(--border);padding:14px 28px;display:flex;gap:24px;align-items:center;box-shadow:var(--shadow-sm)}.nav .brand{font-family:Suez One,serif;font-size:26px;color:var(--primary);letter-spacing:.02em;margin:0}.nav a{color:var(--text);font-weight:500}.nav a.active{color:var(--primary-dark)}.nav .spacer{flex:1}.nav .user-info{display:flex;align-items:center;gap:12px}.nav .user-info .email{color:var(--text-muted);font-size:14px}.main{padding:28px;max-width:1200px;margin:0 auto;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;margin-block-end:20px;box-shadow:var(--shadow-sm);transition:box-shadow .16s ease,transform .16s ease}.card.hover-lift:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;gap:12px;margin-block-end:16px}.card-header h2{margin:0;flex:1}.form{max-width:440px;margin:48px auto}.form .field{margin-block-end:16px}.form label,.field>span{display:block;font-size:13px;color:var(--text-muted);margin-block-end:6px;font-weight:500}.form input,.form select,.form textarea,input,select,textarea{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;font-family:inherit;background:#fff;color:var(--text);transition:border-color .12s ease,box-shadow .12s ease}.form input:focus,.form select:focus,.form textarea:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7cb67c2e}input[type=number]{font-variant-numeric:tabular-nums}button,.btn{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s ease,transform 80ms ease,box-shadow .12s ease}button:hover:not(:disabled),.btn:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-sm)}button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(1px)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:#fff;color:var(--text);border:1px solid var(--border)}.btn.secondary:hover:not(:disabled){background:var(--bg);border-color:var(--text-muted)}.btn.ghost{background:transparent;color:var(--text-muted);padding:8px 14px}.btn.ghost:hover:not(:disabled){background:var(--bg);color:var(--text)}.btn.danger{background:var(--error)}.btn.danger:hover:not(:disabled){background:#962d22}.btn.small{padding:6px 12px;font-size:13px}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{padding:12px 14px;text-align:start;border-block-end:1px solid var(--border)}th{background:#f4f1ec;font-size:13px;color:var(--text-muted);font-weight:600;position:sticky;inset-block-start:0}tbody tr{transition:background .12s ease}tbody tr:hover{background:#7cb67c0d}td code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--text-muted);unicode-bidi:isolate}.device-id-chip{background:var(--bg);color:var(--text-muted);border:1px solid var(--border);padding:4px 10px;border-radius:999px;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.device-id-chip:hover:not(:disabled){background:#fff;border-color:var(--primary);color:var(--primary-dark);box-shadow:none}.device-id-chip code{color:inherit;font-size:12px}.error{color:var(--error);font-size:14px;margin:8px 0}.success{color:var(--success);font-size:14px;margin:8px 0}.muted{color:var(--text-muted);font-size:13px}.text-muted{color:var(--text-muted)}.text-small{font-size:13px}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;unicode-bidi:isolate}.tag.admin{background:var(--primary-dark);color:#fff}.tag.user{background:#e8e4df;color:var(--text)}.tag.regular{background:#d6f0d6;color:#2d6a2d}.tag.none{background:#ececec;color:#777}.tag.unverified{background:#fde6d2;color:#a85a1f}.tag.verified{background:#d6f0d6;color:#2d6a2d}.tag.expired{background:#f4d6d6;color:#8b2d2d}.tag.expiring{background:#fde6d2;color:#a85a1f}.tag.active{background:#d6f0d6;color:#2d6a2d}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-state .icon{font-size:36px;margin-block-end:8px;opacity:.6}.empty-state h3{color:var(--text);margin-block-end:6px}.preset-row{display:flex;flex-wrap:wrap;gap:8px}.preset-chip{background:#fff;color:var(--text);border:1px solid var(--border);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:all .12s ease}.preset-chip:hover{border-color:var(--primary);color:var(--primary-dark)}.preset-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-sm)}.preset-chip.active:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.password-input{position:relative;display:flex;align-items:center}.password-input input{padding-inline-start:44px}.password-toggle{position:absolute;inset-inline-start:4px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:6px 8px;font-size:16px;cursor:pointer;color:var(--text-muted);box-shadow:none}.password-toggle:hover{background:transparent;color:var(--text)}.status-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;margin-block-end:16px}.status-banner.active{background:#e8f5e8;color:#2d6a2d;border:1px solid #c5e3c5}.status-banner.expiring{background:#fdf3e7;color:#8b5a1f;border:1px solid #f3d9b1}.status-banner.expired{background:#f9e3e0;color:#8b2d2d;border:1px solid #e9bcb6}.status-banner.none{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.status-banner .status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(124,182,124,.25);border-top-color:var(--primary);border-radius:50%;animation:spin .72s linear infinite;vertical-align:middle}.spinner.lg{width:28px;height:28px;border-width:3px}.spinner.inline{margin-inline-end:8px}@keyframes spin{to{transform:rotate(360deg)}}.loading-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px;color:var(--text-muted)}.toast-stack{position:fixed;inset-block-end:24px;inset-inline-start:24px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.toast{background:var(--text);color:#fff;padding:12px 18px;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);font-size:14px;pointer-events:auto;animation:toastIn .2s ease;max-width:360px}.toast.success{background:#2d6a2d}.toast.error{background:#8b2d2d}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d343680;display:flex;align-items:center;justify-content:center;z-index:900;animation:fadeIn .16s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius-md);padding:28px;max-width:420px;width:calc(100vw - 32px);box-shadow:var(--shadow-lg);animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal h3{margin-block-start:0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-block-start:20px}.page-header{display:flex;align-items:center;gap:16px;margin-block-end:20px}.page-header h1{margin:0;flex:1}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 600px){.grid-2{grid-template-columns:1fr}.nav{padding:12px 16px}.main{padding:16px}}