:root,[data-theme=dark]{--cliodot-bg:#080816;--cliodot-bg-2:#0b0b1c;--cliodot-bg-3:#101026;--cliodot-panel:#ffffff0b;--cliodot-panel-hover:#fff1;--cliodot-panel-purple:#7733ff17;--cliodot-line:#ddd6ff21;--cliodot-line-strong:#ddd6ff38;--cliodot-text:#fbfaff;--cliodot-text-soft:#d9d6e7;--cliodot-muted:#aaa7be;--cliodot-muted-2:#7d7995;--cliodot-purple:#73f;--cliodot-purple-mid:#9565ff;--cliodot-purple-light:#9a6dff;--cliodot-indigo:#292989;--cliodot-lavender:#cfc2ff;--cliodot-success:#6ce7b7;--cliodot-warning:#ffcf70;--cliodot-danger:#ff8e9e;--cliodot-content-max:1180px;--cliodot-radius-xs:8px;--cliodot-radius-sm:12px;--cliodot-radius-md:15px;--cliodot-radius-lg:22px;--cliodot-radius-xl:30px;--cliodot-radius-nav:18px;--cliodot-shadow:0 34px 100px #02021085;--cliodot-font-heading:"Manrope", sans-serif;--cliodot-font-body:"DM Sans", sans-serif;--cliodot-font-mono:"IBM Plex Mono", monospace}[data-theme=light]{--cliodot-bg:#f7f6fb;--cliodot-bg-2:#fff;--cliodot-bg-3:#f0eef8;--cliodot-panel:#ffffffc7;--cliodot-panel-hover:#fff;--cliodot-panel-purple:#7733ff14;--cliodot-line:#29298921;--cliodot-line-strong:#2929893b;--cliodot-text:#171525;--cliodot-text-soft:#312e40;--cliodot-muted:#625e70;--cliodot-muted-2:#858091;--cliodot-purple:#73f;--cliodot-purple-mid:#9565ff;--cliodot-purple-light:#6b2fe2;--cliodot-indigo:#292989;--cliodot-lavender:#5c32bc;--cliodot-shadow:0 28px 80px #29295a1f}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--cliodot-font-body);color:var(--cliodot-text);background:radial-gradient(circle at 73% 4%, #73f3, transparent 21%), radial-gradient(circle at 12% 17%, #29298940, transparent 23%), var(--cliodot-bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}[data-theme=light] body{background:radial-gradient(circle at 73% 3%, #7733ff1c, transparent 24%), radial-gradient(circle at 11% 15%, #29298914, transparent 26%), var(--cliodot-bg)}::selection{color:#fff;background:#7733ff73}:focus-visible{outline:2px solid var(--cliodot-purple-light);outline-offset:3px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{font-family:var(--cliodot-font-heading);letter-spacing:-.045em;margin:0}p{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--cliodot-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0b1cb8;flex-direction:column;gap:28px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}[data-theme=light] .sidebar{background:#ffffffd1}.brand{align-items:center;gap:10px;padding:4px 8px;display:flex}.brand-mark{object-fit:contain;flex-shrink:0;width:28px;height:28px;display:block}.brand-text{font-family:var(--cliodot-font-heading);letter-spacing:-.04em;font-size:1.05rem;font-weight:800}.brand-sub{font-family:var(--cliodot-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cliodot-muted);font-size:.62rem}.nav-section-label{font-family:var(--cliodot-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cliodot-muted-2);padding:0 10px 8px;font-size:.62rem;font-weight:600}.nav-list{flex-direction:column;gap:4px;display:flex}.nav-link{border-radius:var(--cliodot-radius-sm);min-height:40px;color:var(--cliodot-muted);align-items:center;gap:10px;padding:0 12px;transition:background .16s,color .16s,transform .16s;display:flex}.nav-link:hover{background:var(--cliodot-panel-hover);color:var(--cliodot-text-soft);transform:translateY(-1px)}.nav-link.active{color:var(--cliodot-text);background:#7733ff1f;border:1px solid #7733ff47}.sidebar-footer{flex-direction:column;gap:10px;margin-top:auto;padding:0 4px;display:flex}.sidebar-admin{padding:8px 10px 4px}.sidebar-admin-name{color:var(--cliodot-text-soft);word-break:break-word;font-size:.84rem;font-weight:600}.sidebar-admin-email{font-family:var(--cliodot-font-mono);color:var(--cliodot-muted);word-break:break-word;margin-top:2px;font-size:.68rem}.auth-screen{place-items:center;min-height:100vh;padding:32px 16px;display:grid}.auth-card{width:min(440px,100%)}.main{min-width:0;padding:28px 28px 64px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-kicker{font-family:var(--cliodot-font-body);letter-spacing:.17em;text-transform:uppercase;color:var(--cliodot-purple-light);margin-bottom:8px;font-size:.74rem;font-weight:800}.page-title{letter-spacing:-.055em;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;line-height:1.08}.page-desc{color:var(--cliodot-muted);max-width:52ch;margin-top:8px;font-size:.96rem;line-height:1.65}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel{border:1px solid var(--cliodot-line);border-radius:var(--cliodot-radius-lg);box-shadow:var(--cliodot-shadow);background:linear-gradient(#ffffff0c,#ffffff06)}[data-theme=light] .panel{background:var(--cliodot-panel)}.panel-pad{padding:18px 20px}.panel-title{margin-bottom:4px;font-size:1.05rem;font-weight:700}.panel-meta{font-family:var(--cliodot-font-mono);letter-spacing:.06em;color:var(--cliodot-muted-2);text-transform:uppercase;font-size:.68rem}.btn{min-height:44px;font-family:var(--cliodot-font-body);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:.92rem;font-weight:700;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s,opacity .16s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#73f,#9565ff);box-shadow:0 13px 34px #7733ff4a}.btn-secondary{border-color:var(--cliodot-line);color:var(--cliodot-text-soft);background:#ffffff0a}.btn-danger{color:var(--cliodot-danger);background:#ff8e9e1a;border-color:#ff8e9e59}.btn-ghost{color:var(--cliodot-muted);background:0 0;min-height:36px;padding:0 10px}.btn-sm{min-height:36px;padding:0 12px;font-size:.84rem}.field{flex-direction:column;gap:7px;display:flex}.field-label{color:var(--cliodot-muted);font-size:.82rem}.field-hint{color:var(--cliodot-muted-2);font-size:.75rem}.input,.select,.textarea{border:1px solid var(--cliodot-line);background:var(--cliodot-bg-3);width:100%;min-height:42px;color:var(--cliodot-text);border-radius:10px;padding:0 12px}.textarea{resize:vertical;min-height:96px;font-family:var(--cliodot-font-mono);padding:10px 12px;font-size:.82rem;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:#7733ff8c;outline:none;box-shadow:0 0 0 3px #7733ff2e}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid .full{grid-column:1/-1}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.toolbar .input,.toolbar .select{min-width:160px;max-width:240px}.table-wrap{overflow:auto}table.data{border-collapse:collapse;width:100%;font-size:.9rem}table.data th{text-align:left;font-family:var(--cliodot-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cliodot-muted-2);border-bottom:1px solid var(--cliodot-line);white-space:nowrap;padding:12px 14px;font-size:.62rem;font-weight:600}table.data td{border-bottom:1px solid var(--cliodot-line);vertical-align:middle;padding:14px}table.data tr:hover td{background:var(--cliodot-panel-purple)}.mono{font-family:var(--cliodot-font-mono);letter-spacing:.02em;font-size:.78rem}.pill{border:1px solid var(--cliodot-line);text-transform:lowercase;background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.pill:before{content:"";background:var(--cliodot-muted);border-radius:50%;width:7px;height:7px}.pill-active{color:var(--cliodot-success);border-color:#6ce7b747}.pill-active:before{background:var(--cliodot-success);box-shadow:0 0 0 3px #6ce7b726}.pill-expired,.pill-revoked,.pill-rejected{color:var(--cliodot-danger);border-color:#ff8e9e47}.pill-expired:before,.pill-revoked:before,.pill-rejected:before{background:var(--cliodot-danger)}.pill-suspended,.pill-pending,.pill-warning{color:var(--cliodot-warning);border-color:#ffcf7047}.pill-suspended:before,.pill-pending:before,.pill-warning:before{background:var(--cliodot-warning)}.pill-approved{color:var(--cliodot-success);border-color:#6ce7b747}.pill-approved:before{background:var(--cliodot-success)}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.split{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.stat-card{padding:16px 18px}.stat-label{font-family:var(--cliodot-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cliodot-muted-2);font-size:.62rem}.stat-value{font-family:var(--cliodot-font-heading);letter-spacing:-.05em;margin-top:8px;font-size:1.7rem;font-weight:800}.alert{border-radius:var(--cliodot-radius-sm);border:1px solid var(--cliodot-line);padding:12px 14px;font-size:.9rem}.alert-error{color:var(--cliodot-danger);background:#ff8e9e14;border-color:#ff8e9e59}.alert-success{color:var(--cliodot-success);background:#6ce7b714;border-color:#6ce7b759}.alert-info{background:var(--cliodot-panel-purple);color:var(--cliodot-text-soft);border-color:#7733ff4d}.key-box{font-family:var(--cliodot-font-mono);word-break:break-all;border-radius:var(--cliodot-radius-sm);border:1px solid var(--cliodot-line);color:var(--cliodot-lavender);-webkit-user-select:none;user-select:none;background:#090914;padding:14px;font-size:.78rem;line-height:1.55}.key-box-masked{letter-spacing:.04em}.key-box:not(.key-box-masked){-webkit-user-select:text;user-select:text}[data-theme=light] .key-box{color:#cfc2ff;background:#171525}.feature-groups{flex-direction:column;gap:14px;display:flex}.feature-group{border:1px solid var(--cliodot-line);border-radius:var(--cliodot-radius-md);overflow:hidden}.feature-group-head{border-bottom:1px solid var(--cliodot-line);background:#ffffff08;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.feature-group-title{font-family:var(--cliodot-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cliodot-muted);font-size:.68rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:6px;display:grid}.feature-item{border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.feature-item:hover{background:var(--cliodot-panel-hover)}.feature-item input{accent-color:var(--cliodot-purple)}.feature-item label{color:var(--cliodot-text-soft);cursor:pointer;font-size:.84rem}.empty{text-align:center;color:var(--cliodot-muted);padding:48px 24px}.empty h3{margin-bottom:8px}.linkish{color:var(--cliodot-purple-light);font-weight:600}.linkish:hover{text-decoration:underline}.checkbox-row{align-items:center;gap:10px;min-height:42px;display:flex}.checkbox-row input{accent-color:var(--cliodot-purple)}@media (width<=1050px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--cliodot-line);height:auto;position:relative}.nav-list{flex-flow:wrap}.split,.form-grid,.feature-grid,.stat-grid{grid-template-columns:1fr}}@media (width<=760px){.main{padding:18px 14px 48px}.page-header{flex-direction:column}.toolbar .input,.toolbar .select{flex:100%;max-width:none}}