@charset "UTF-8";
:root{color-scheme:dark;--bg:#0c0d13;--panel:#14151e;--raised:#1b1c28;--border:#272938;--text:#f0eff8;--muted:#9697ae;--accent:#a78bfa;--green:#6ee7b7;--red:#fda4af;--amber:#fcd38a;--radius:18px;font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{border:0}svg{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.initial{height:90vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.gem{font-size:50px;color:var(--accent)}
.layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{background:#101119;border-left:1px solid var(--border);padding:34px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 35px}.brand-logo{width:43px;height:48px;background:linear-gradient(145deg,#c4b5fd,#7560b1);clip-path:polygon(50% 0,95% 28%,85% 80%,50% 100%,15% 80%,5% 28%);display:grid;place-items:center;color:#181125;font-size:31px;font-weight:800}.brand-name{font-size:20px;letter-spacing:.5px;font-weight:700}.brand-sub{color:var(--muted);font-size:11px;letter-spacing:2px}.nav-label{font-size:11px;color:#656880;padding:5px 15px 13px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{display:flex;align-items:center;gap:13px;background:none;color:var(--muted);padding:13px 15px;border-radius:11px;text-align:right}.nav button:hover{background:#191a25;color:var(--text)}.nav button.active{background:#262039;color:#d4c4ff}.nav button.active:before{content:"";width:3px;height:20px;background:var(--accent);border-radius:3px;position:absolute;right:19px}.sidebar-bottom{margin-top:auto;padding:22px 12px 0;border-top:1px solid var(--border);display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border:1px solid #43385d;background:#2b2340;color:#ccbcf2;border-radius:50%;display:grid;place-items:center}.sub{color:var(--muted);font-size:12px}.logout{background:none;color:var(--muted);margin-right:auto;padding:5px}.workspace{min-width:0}.topbar{height:83px;border-bottom:1px solid var(--border);padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#1011198c}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb b{color:var(--text);font-weight:500}.top-actions{display:flex;gap:16px;align-items:center}.status{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--green)}.dot{width:6px;height:6px;background:currentColor;border-radius:50%;box-shadow:0 0 0 4px #6ee7b710}.date{font-size:12px;color:var(--muted)}main{padding:35px 40px 45px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);direction:ltr;text-align:right}.page-heading h1{font-size:27px;line-height:1.4;margin:4px 0 7px;font-weight:650}.page-heading p{margin:0;color:var(--muted);font-size:13px}.btn{padding:10px 17px;border-radius:9px;display:inline-flex;gap:9px;align-items:center;justify-content:center;background:var(--raised);color:var(--text);border:1px solid var(--border);white-space:nowrap;transition:background .15s}.btn:hover{background:#282a3b}.btn.primary{background:var(--accent);color:#1c1432;border-color:var(--accent);font-weight:650}.btn.primary:hover{filter:brightness(1.07)}.btn.danger{color:var(--red);border-color:#51303d;background:#311e29}.btn.small{font-size:12px;padding:6px 10px}.btn.icon{padding:8px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.kpi{padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden}.kpi:first-child{border-color:#51436d;background:linear-gradient(120deg,#211b30,#171720)}.kpi-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.kpi-icon{padding:7px;border:1px solid var(--border);border-radius:9px;line-height:1;color:var(--accent)}.kpi-value{font-size:35px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.5;margin-top:5px}.kpi-note{color:#888aa1;font-size:11px}.green{color:var(--green)}.purple{color:var(--accent)}.amber{color:var(--amber)}.red{color:var(--red)}.panels{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:24px}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden}.card-head{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #252634}.card-head h2{font-size:15px;margin:0;font-weight:600}.card-body{padding:23px}.tag{border:1px solid var(--border);padding:3px 9px;border-radius:7px;font-size:11px;color:var(--muted)}.chart{height:165px;width:100%;display:block;overflow:visible}.chart line{stroke:#292b3a;stroke-dasharray:4 6}.chart-labels{display:flex;justify-content:space-between;color:#777b94;font-size:10px;margin-top:12px}.chart-title{font-size:27px;line-height:1.4}.chart-sub{font-size:12px;color:var(--muted);margin-bottom:15px}.distribution{display:flex;gap:16px;align-items:center;min-height:211px}.ring{width:148px;height:148px;border-radius:50%;background:conic-gradient(var(--accent) 0 55%,#6ee7b7 55% 77%,#fcd38a 77% 87%,#45445b 87%);position:relative;flex-shrink:0;display:grid;place-items:center}.ring:before{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--panel)}.ring-center{z-index:1;text-align:center;font-size:28px}.ring-center span{display:block;font-size:11px;color:var(--muted)}.legend{flex:1}.legend-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0;font-size:12px}.legend-label{display:flex;gap:8px;align-items:center}.swatch{width:7px;height:7px;background:var(--accent);border-radius:3px}.swatch.green{background:var(--green)}.swatch.amber{background:var(--amber)}.swatch.gray{background:#63617c}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{font-size:11px;font-weight:500;color:#81849d;background:#11121b;padding:13px 21px;border-bottom:1px solid var(--border)}td{padding:16px 21px;border-bottom:1px solid #242532;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#1a1b26}.key-name{font-weight:550;font-size:13px}.mono{font-family:ui-monospace,Consolas,monospace;direction:ltr;unicode-bidi:embed;font-size:11px;letter-spacing:.1px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:6px;color:var(--green);background:#183129;font-size:10px}.pill:before{content:"";width:4px;height:4px;background:currentColor;border-radius:50%}.pill.pending{background:#29233d;color:#c5affd}.pill.expired,.pill.revoked{background:#35212b;color:var(--red)}.pill.paused{background:#342d21;color:var(--amber)}.empty{padding:50px 20px;text-align:center;color:var(--muted);font-size:13px}.toolbar{display:flex;gap:10px;padding:19px 21px;border-bottom:1px solid var(--border);align-items:center}.toolbar input{max-width:350px}.toolbar select{width:auto;margin-right:auto}.field label{display:block;font-size:12px;color:#b8b9ca;margin:0 0 7px}input,select,textarea{width:100%;background:#0e0f17;border:1px solid #303143;border-radius:9px;padding:10px 12px;color:var(--text);min-height:44px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=color]{padding:5px;width:70px}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--accent)}textarea{resize:vertical;min-height:75px}.field{margin-bottom:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.duration-input{display:grid;grid-template-columns:1fr 110px;gap:8px}.hint{font-size:11px;color:var(--muted);margin-top:6px}.check-line{display:flex;gap:10px;align-items:center;font-size:13px;margin:15px 0}.notice{background:#29233a;border:1px solid #443857;border-radius:10px;padding:12px 15px;color:#d2c2f3;font-size:12px;margin:15px 0}.notice.warning{background:#30291d;border-color:#54462c;color:#e4c998}.settings-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.info-row{padding:13px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.info-row:last-child{border-bottom:0}.info-row span{color:var(--muted)}.hash{font-size:10px;direction:ltr;overflow-wrap:anywhere;white-space:normal;text-align:left}.activity{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid #262736}.activity:last-child{border:0}.activity-icon{width:32px;height:32px;border-radius:9px;background:#252036;color:var(--accent);display:grid;place-items:center;flex-shrink:0}.activity-title{font-size:12px}.activity-detail{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.activity-time{margin-right:auto;white-space:nowrap;font-size:10px;color:var(--muted)}footer{padding-top:23px;font-size:10px;color:#62667e;display:flex;justify-content:space-between;border-top:1px solid var(--border);margin-top:28px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:radial-gradient(ellipse at 10% 10%,#32254470,transparent 58%),var(--bg)}.login-story{padding:70px 10%;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--border)}.login-story h1{font-size:47px;line-height:1.4;margin:28px 0 18px;font-weight:650}.login-story h1 span{color:#b49adf}.login-story p{color:var(--muted);max-width:390px;font-size:15px;line-height:2}.login-story .brand{padding:0;position:absolute;top:45px}.login-features{display:flex;gap:23px;margin-top:26px;color:#b0abc4;font-size:11px}.login-form-wrap{padding:40px;display:grid;place-items:center}.login-box{width:100%;max-width:380px}.login-box h2{font-size:26px;margin:0 0 8px}.login-box .sub{margin-bottom:30px}.login-box .btn{width:100%;margin-top:8px;min-height:47px}.secure-note{text-align:center;color:#797b92;font-size:11px;margin-top:22px}.error-box{color:var(--red);font-size:12px;min-height:24px}.login-art{margin-top:28px;display:flex;gap:14px;align-items:flex-end}.mini-bar{width:44px;border-radius:9px;background:linear-gradient(#9e82d7,#362a4d);border:1px solid #b399e12b}.mini-bar:nth-child(1){height:58px}.mini-bar:nth-child(2){height:93px}.mini-bar:nth-child(3){height:76px}.mini-bar:nth-child(4){height:132px}.mini-bar:nth-child(5){height:110px}.mini-bar:nth-child(6){height:155px}.mini-bar:nth-child(7){height:139px}dialog{background:var(--panel);color:var(--text);border:1px solid #454059;border-radius:20px;width:560px;max-width:calc(100vw - 28px);max-height:90vh;padding:0;box-shadow:0 35px 100px #0007}dialog::backdrop{background:#07080fc9;backdrop-filter:blur(5px)}.modal-head{padding:22px 25px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:18px;margin:0}.modal-body{padding:24px 25px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:12px}.modal-close{background:none;color:var(--muted);font-size:24px}.key-once{font-family:Consolas,monospace;direction:ltr;text-align:center;font-size:16px;padding:20px 10px;background:#0e0f17;border:1px dashed #5a487b;border-radius:10px;overflow-wrap:anywhere;user-select:all;margin:16px 0}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.dropzone{display:block;text-align:center;padding:28px;border:1px dashed #4b435f;border-radius:12px;background:#1c1927;margin-bottom:20px}.dropzone svg{width:32px;height:32px;color:var(--accent);display:block;margin:0 auto 12px}.dropzone input{margin-top:15px}.badge-count{background:#343047;padding:1px 7px;font-size:10px;border-radius:5px}.loading{opacity:.5;pointer-events:none}#toasts{position:fixed;bottom:24px;left:24px;z-index:20;max-width:360px}.toast{background:#282438;border:1px solid #534969;box-shadow:0 10px 25px #0005;border-radius:11px;padding:13px 20px;margin-top:9px;font-size:12px}.toast.error{border-color:#744453;color:var(--red)}
@media(min-width:1500px){main{padding-left:55px;padding-right:55px}}@media(max-width:1150px){.layout{grid-template-columns:210px minmax(0,1fr)}main{padding:26px}.topbar{padding:0 26px}.kpis{gap:12px}.kpi{padding:16px}.panels{grid-template-columns:1fr}.distribution{min-height:150px;justify-content:center;gap:35px}.legend{max-width:300px}.settings-grid{grid-template-columns:1fr}.date{display:none}}@media(max-width:760px){.layout{display:block}.sidebar{position:static;height:auto;border-left:0;border-bottom:1px solid var(--border);padding:17px}.brand{padding:0 3px 15px}.brand-logo{width:32px;height:35px;font-size:23px}.brand-name{font-size:16px}.brand-sub{font-size:9px}.nav-label,.sidebar-bottom{display:none}.nav{flex-direction:row;overflow:auto;gap:3px}.nav button{white-space:nowrap;font-size:11px;padding:9px;gap:6px}.nav button svg{width:16px;height:16px}.nav button.active:before{display:none}.topbar{height:58px;padding:0 20px}.top-actions{gap:10px}.top-actions .btn{font-size:10px;padding:7px}.status{font-size:10px}main{padding:23px 16px}.page-heading{gap:12px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.page-heading .btn{font-size:11px;padding:9px 12px}.kpis{grid-template-columns:repeat(2,1fr)}.kpi-top{font-size:11px}.kpi-value{font-size:29px}.toolbar{padding:14px;flex-wrap:wrap}.toolbar input{max-width:none}.toolbar select{margin:0}.card-head{padding:17px}.card-body{padding:18px}th,td{padding:12px 15px}.login-page{grid-template-columns:1fr}.login-story{padding:32px 27px;border:0}.login-story .brand{position:static}.login-story h1{font-size:31px;margin:25px 0 8px}.login-story p,.login-art,.login-features{display:none}.login-form-wrap{padding:0 26px 50px;align-items:start}.login-box h2{font-size:21px}.form-grid{grid-template-columns:1fr}.modal-body{padding:20px}footer{gap:15px}.distribution{gap:20px}.ring{width:125px;height:125px}.login-story{justify-content:flex-start}.page-heading .eyebrow{font-size:9px}}

.spaced{margin-top:20px}.brand-name{font-size:17px}