:root{--base:#3f888f;--base-dark:#2d6268;--base-darker:#1e4549;--bg:#eef5f5;--bg-2:#e3eeee;--panel:#fff;--panel-2:#f4f8f8;--text:#15343a;--muted:#6c8486;--accent:#3f888f;--accent-2:#2d6268;--danger:#e0556e;--ok:#2f9e7b;--border:#dde8e8}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(900px 500px at 100% -10%,#dcebec00,transparent),var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:980px;margin:0 auto;padding:32px 20px}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 12px 34px rgba(18,50,54,.08)}.brand{font-weight:800;letter-spacing:.5px;font-size:22px}.brand span{color:var(--accent)}h1{font-size:26px;margin:0 0 6px}.muted,label{color:var(--muted)}label{display:block;font-size:13px;margin:14px 0 6px}input,select{width:100%;padding:12px 13px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:14px}input::placeholder{color:#5f8588}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(47,217,207,.18)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;margin-top:18px;cursor:pointer;border:none;border-radius:10px;font-weight:600;font-size:14px;color:#fff;background:linear-gradient(90deg,var(--base),var(--accent));transition:filter .15s,transform .05s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:var(--panel-2)}.btn.ghost,.btn.secondary{border:1px solid var(--border);color:var(--text)}.btn.ghost{background:transparent}.btn.sm{width:auto;padding:7px 12px;margin:0;font-size:13px}.btn.danger{background:var(--danger)}.row{display:flex;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.applink{display:block;padding:22px;border-radius:14px;background:var(--panel);border:1px solid var(--border);box-shadow:0 8px 24px rgba(18,50,54,.06);transition:transform .12s ease,border-color .12s,box-shadow .12s}.applink:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 14px 32px rgba(18,50,54,.12);text-decoration:none}.applink .t{color:var(--base-dark);font-weight:700;font-size:16px}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);margin:20px 0;font-size:12px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.error{background:rgba(255,107,133,.12);border:1px solid var(--danger);color:#ffb3c2;padding:10px 12px;border-radius:10px;font-size:13px;margin-top:14px}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;background:var(--panel-2);border:1px solid var(--border)}.badge.admin{color:var(--accent);border-color:var(--accent)}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{padding:8px 14px;border-radius:10px;cursor:pointer;border:1px solid var(--border);background:var(--panel-2)}.tab.active{border-color:var(--accent);color:var(--accent)}.app-header{background:linear-gradient(95deg,var(--base-darker),var(--base-dark) 45%,var(--base));color:#fff;box-shadow:0 2px 16px rgba(18,50,54,.2)}.app-header .inner{max-width:980px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.app-header .left{display:flex;align-items:center;gap:14px}.logo-chip{background:#fff;border-radius:10px;padding:6px 11px;display:inline-flex;align-items:center;box-shadow:0 4px 14px rgba(0,0,0,.15)}.logo-chip img{height:30px;width:auto;display:block}.app-header .title{font-weight:700;font-size:15px;color:#eafbfa;letter-spacing:.3px}.app-header .userbox{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.app-header .email{color:#d8f0f0;font-size:14px}.btn.light{background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.4);color:#fff}.btn.light:hover{background:hsla(0,0%,100%,.24)}.badge.on-green{color:#fff;border-color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.12)}.page-title{margin-top:6px}.page-title h1{color:var(--base-dark)}.actions{position:relative;display:inline-block}.kebab{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;cursor:pointer;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:9px}.kebab:hover{background:var(--panel-2);color:var(--text);border-color:var(--border)}.menu-overlay{position:fixed;inset:0;z-index:40}.menu{position:absolute;right:0;top:40px;z-index:50;min-width:190px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 36px rgba(18,50,54,.18);padding:6px}.menu-item{display:block;width:100%;text-align:left;background:transparent;border:none;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--text);cursor:pointer}.menu-item:hover{background:var(--panel-2)}.menu-item.danger{color:var(--danger)}.menu-sep{height:1px;background:var(--border);margin:6px 4px}.qr-box{display:inline-flex;padding:14px;background:#fff;border:1px solid var(--border);border-radius:14px;margin:6px 0 4px}.secret{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;letter-spacing:1px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;-webkit-user-select:all;-moz-user-select:all;user-select:all}.backup-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin:14px 0 18px}.backup-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;letter-spacing:1px;text-align:center;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px;-webkit-user-select:all;-moz-user-select:all;user-select:all}.login-split{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 40px;background:radial-gradient(1000px 700px at 50% 28%,#5aa1a8 0,var(--base) 45%,var(--base-dark) 80%,var(--base-darker) 100%)}.login-logo-square{background:#fff;border-radius:24px;padding:42px 46px;width:min(360px,82%);box-shadow:0 0 90px 24px hsla(0,0%,100%,.22),0 26px 60px rgba(18,50,54,.32)}.login-logo-square img{display:block;width:100%;height:auto}.login-brand .tagline{margin-top:34px;max-width:440px;color:#eafbfa;font-size:16px;line-height:1.65;font-weight:300}.login-brand .tagline b{color:#fff;font-weight:600}.login-form-side{display:flex;align-items:center;justify-content:center;padding:40px 28px;background:#fff}.login-form{width:100%;max-width:380px}.login-form .eyebrow{color:var(--base);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.login-form h1{font-size:27px;margin:6px 0 2px;color:#15343a}.login-form .sub{color:#6c8486;font-size:14px;margin:0 0 8px}.login-form label{color:#5b6f70}.login-form input{background:#f4f8f8;border:1px solid #d9e4e4;color:#143034}.login-form input::placeholder{color:#9bb2b3}.login-form input:focus{border-color:var(--base);box-shadow:0 0 0 3px rgba(63,136,143,.18)}.login-form .divider{color:#93a9aa}.login-form .divider:after,.login-form .divider:before{background:#e1eaea}.login-form .btn.secondary{background:#fff;border:1px solid #d9e4e4;color:#15343a}@media (max-width:860px){.login-split{grid-template-columns:1fr}.login-brand{padding:40px 24px}.login-logo-square{width:min(260px,70%);padding:32px 34px}.login-brand .tagline{font-size:14px;margin-top:24px}}