:root{
    --bg:#f6f1ea;
    --bg-2:#eee4d7;
    --surface:#fffdf9;
    --surface-2:#f8f2e9;
    --surface-3:#f3ece1;
    --sidebar:#233a34;
    --sidebar-2:#1d312c;
    --text:#23322e;
    --muted:#6f746d;
    --line:rgba(35,50,46,.11);
    --accent:#5d7b73;
    --accent-strong:#2f4d45;
    --accent-soft:#dce8e2;
    --gold:#b89562;
    --gold-soft:#efe1ca;
    --success:#4e7b63;
    --danger:#a25560;
    --warning:#c38a34;
    --sidebar-text:#f7f2ea;
    --sidebar-muted:rgba(247,242,234,.72);
    --shadow:0 28px 64px rgba(51,45,35,.12);
    --shadow-soft:0 18px 40px rgba(51,45,35,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{background:var(--bg)}
body{min-height:100vh;background:radial-gradient(circle at top left, rgba(232,210,174,.34), transparent 26%),radial-gradient(circle at right 10% top 0%, rgba(93,123,115,.16), transparent 24%),linear-gradient(180deg, var(--bg) 0%, #f4ede4 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
.layout{display:grid;grid-template-columns:300px 1fr;min-height:100vh}
.sidebar{border-right:1px solid rgba(255,255,255,.06);padding:28px 22px;background:radial-gradient(circle at left top, rgba(232,210,174,.12), transparent 28%),linear-gradient(180deg,var(--sidebar) 0%, var(--sidebar-2) 100%);color:var(--sidebar-text);position:sticky;top:0;height:100vh;overflow:hidden}
.sidebar::before{content:"";position:absolute;inset:auto -120px -80px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle, rgba(184,149,98,.24), transparent 64%);pointer-events:none}
.brand{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:30px}.brand-logo{width:min(100%,228px);height:auto;display:block;filter:drop-shadow(0 14px 28px rgba(0,0,0,.22))}.brand-subtitle{font-size:11px;color:var(--sidebar-muted);letter-spacing:.12em;text-transform:uppercase;padding-left:4px}
.nav{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}.nav a{padding:13px 14px;border-radius:14px;border:1px solid transparent;color:var(--sidebar-muted);transition:.18s ease}.nav a:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.08);color:var(--sidebar-text);transform:translateX(2px)}
.sidebar-user{position:relative;z-index:1;margin-top:26px;padding:18px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px)}.sidebar-user-label{font-size:11px;color:var(--sidebar-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}.sidebar-user-name{font-weight:700;margin-bottom:6px;word-break:break-word}.sidebar-user-email{color:var(--sidebar-muted);font-size:13px;margin-bottom:12px;word-break:break-word}
.main{padding:32px 34px 28px}
.card{background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,251,245,.96));border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow-soft)}
.card + .card{margin-top:20px}
.card-narrow{max-width:620px;margin:0 auto}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px;padding:24px 26px;border-radius:26px;background:radial-gradient(circle at top right, rgba(232,210,174,.16), transparent 22%),linear-gradient(135deg, rgba(47,77,69,.985), rgba(29,49,44,.97));box-shadow:var(--shadow);color:#fff}.page-head h1{margin:0 0 8px;color:#fff;font-size:32px;letter-spacing:-.03em}.page-head p{margin:0;color:rgba(255,255,255,.76)}
.auth-shell{min-height:calc(100vh - 56px);display:grid;place-items:center}
.auth-card-premium{padding:30px}
.auth-copy-block{margin-bottom:18px}
.eyebrow,.eyebrow-dark{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 12px;border-radius:999px;border:1px solid rgba(35,50,46,.08);background:var(--gold-soft);color:#6f552d;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.auth-card-premium h1{font-size:34px;letter-spacing:-.03em;margin:0 0 8px}
h1,h2,h3{margin-top:0;color:var(--text)}
p{line-height:1.6}
label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--text);font-weight:600}
input[type="text"],input[type="email"],input[type="password"],select,textarea{width:100%;border:1px solid rgba(35,50,46,.14);border-radius:14px;padding:13px 15px;font-size:14px;background:#fff;outline:none;transition:border-color .18s ease, box-shadow .18s ease}
input:focus,select:focus,textarea:focus{border-color:rgba(93,123,115,.58);box-shadow:0 0 0 4px rgba(93,123,115,.10)}
input[readonly],textarea[readonly]{background:#f5f1ea}
textarea{min-height:120px;resize:vertical}
.stack{display:flex;flex-direction:column;gap:16px}.stack-large{display:flex;flex-direction:column;gap:20px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:1fr 1.4fr}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border-radius:14px;padding:11px 15px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:var(--shadow-soft);transition:.18s ease}
.button:hover,.btn:hover{transform:translateY(-1px);opacity:.98}
.button-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}.button-danger{background:#fff3f1;border-color:#efb5ad;color:#7b1f12}.button-small{padding:8px 10px;font-size:12px}.button-ghost,.btn-secondary{background:#fff;border-color:rgba(35,50,46,.12);color:var(--text);box-shadow:none}
.actions-row,.actions-inline,.links-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.links-row{margin-top:16px}
.inline-form{margin:0}
.table-wrap{width:100%;overflow:auto;border-radius:18px;border:1px solid var(--line);background:#fff}.table{width:100%;border-collapse:collapse;min-width:820px}.table th,.table td{padding:14px 12px;border-bottom:1px solid #e7eeea;text-align:left;vertical-align:top;font-size:14px}.table thead th{color:#486056;font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:#f8fbf9;position:sticky;top:0}.day-link{font-weight:800;color:var(--accent-strong)}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-admin{background:var(--gold-soft);color:#6f552d}.badge-reader{background:#eef2f0;color:#44554d}.badge-success{background:#dff5e8;color:#10653d}.badge-muted{background:#edf2ef;color:#607167}
.alert{padding:14px 16px;border-radius:16px;margin-bottom:20px;border:1px solid transparent}.alert-success{background:#edf9f1;border-color:#cfe9d7;color:#10653d}.alert-error{background:#fff3f1;border-color:#f2cbc5;color:#7b1f12}
.muted{color:var(--muted)}.checkbox-row{flex-direction:row;align-items:center;gap:10px;margin-top:14px;font-weight:500}
.editor-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2);margin-bottom:16px}.editor-toolbar button,.editor-toolbar select,.editor-toolbar input[type="color"]{min-height:40px}.editor-toolbar button{border:1px solid rgba(35,50,46,.12);background:#fff;border-radius:12px;padding:8px 12px;cursor:pointer;color:var(--text);box-shadow:none}.editor-toolbar input[type="color"]{width:46px;padding:4px;border-radius:10px}
.editor-shell{background:#edf3ef;border-radius:20px;padding:18px;border:1px solid var(--line)}.email-iframe{width:100%;min-height:980px;border:0;background:#edf3ef;border-radius:12px}
.filter-form{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.filter-field{min-width:280px}.filter-help{margin-top:6px}.pagination{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}
@media (max-width: 1080px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:18px}.grid-2,.grid-3{grid-template-columns:1fr}.main{padding:18px}.page-head{flex-direction:column}}

.info-card{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:var(--surface-2)}
.compact-card{padding:14px 16px}
.info-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6f552d;margin-bottom:8px}
.secret-key,.secret-uri,.recovery-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;background:#fff;border:1px dashed rgba(35,50,46,.18);border-radius:14px;padding:12px 14px;word-break:break-all}
.secret-key{font-size:18px;letter-spacing:.12em;margin-bottom:8px}
.secret-uri{margin-top:12px;font-size:13px}
.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.status-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.help-list{margin:0 0 18px 20px;padding:0;line-height:1.7}
.details-card{border:1px solid var(--line);border-radius:18px;padding:14px 16px;background:#fff}
.details-card summary{cursor:pointer;font-weight:700}
@media (max-width: 720px){.recovery-grid{grid-template-columns:1fr}.secret-key{font-size:15px;letter-spacing:.08em}}

.qr-shell{display:flex;flex-direction:column;align-items:center;gap:12px;margin:4px 0 18px}
.qr-panel{display:flex;align-items:center;justify-content:center;min-height:264px;padding:16px;border-radius:24px;background:#fff;border:1px solid rgba(35,50,46,.12);box-shadow:var(--shadow-soft)}
.qr-panel canvas{display:block;max-width:100%;height:auto;border-radius:12px}
.qr-caption{font-size:13px;color:var(--muted);text-align:center}