@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,700&family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,500;0,8..60,600;0,8..60,700;1,8..60,400&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--white:#fff;--teal:#55c4d8;--teal-d:#2fa8be;--teal-dd:#1a8fa6;--teal-xl:#7dd8e8;--teal-bg:#55c4d81a;--teal-bg2:#55c4d829;--teal-bd:#55c4d859;--bg:#f4fbfd;--bg-1:#eaf6fa;--bg-2:#ddf0f6;--bg-3:#c8e8f2;--bg-4:#b0dcec;--border:#cce8f2;--border-2:#b0dcec;--sidebar-bg:#fff;--sidebar-header:#55c4d8;--sidebar-w:220px;--text-1:#0d3b52;--text-2:#1a5570;--text-3:#3a7a96;--text-4:#6aa0b8;--green:#0e9e6e;--green-bg:#0e9e6e17;--green-bd:#0e9e6e47;--amber:#c87d0a;--amber-bg:#c87d0a17;--amber-bd:#c87d0a47;--red:#c0253a;--red-bg:#c0253a14;--red-bd:#c0253a42;--purple:#6040c0;--purple-bg:#6040c014;--purple-bd:#6040c040;--font-display:"Playfair Display", "Georgia", serif;--font-body:"Source Serif 4", "Georgia", serif;--font-mono:"JetBrains Mono", monospace;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-pill:999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background-color:var(--bg);color:var(--text-1);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#55c4d838 1px,#0000 1px);background-size:26px 26px;min-height:100vh;line-height:1.65}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--teal);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--teal-d)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-1);font-weight:700;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}h4{font-size:1rem;font-weight:600}code,.mono{font-family:var(--font-mono)}.app-shell{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100vh;display:flex}.page{flex:1;width:100%;max-width:1400px;padding:32px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.page-title{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.01em;font-size:1.9rem;font-style:italic;font-weight:800}.page-subtitle{color:var(--text-4);font-size:.87rem;font-family:var(--font-body);margin-top:5px;font-style:italic}.app-shell>aside{position:relative;overflow:hidden;background:var(--sidebar-bg)!important;border-right:1.5px solid var(--border)!important}.app-shell>aside:before{content:"";background:var(--teal);z-index:0;pointer-events:none;height:68px;position:absolute;top:0;left:0;right:0}.app-shell>aside:after{content:"";background:var(--sidebar-bg);z-index:1;pointer-events:none;border-radius:50%;width:170%;height:42px;position:absolute;top:50px;left:50%;transform:translate(-50%)}.app-shell>aside>*{z-index:2;position:relative}.card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 2px 14px #55c4d81a}.card-title{background:var(--teal);color:var(--white);font-family:var(--font-display);text-transform:none;letter-spacing:.01em;margin-bottom:0;padding:13px 22px;font-size:.95rem;font-weight:700}.card.card-plain>.card-title{color:var(--text-1);background:0 0;padding:18px 22px 8px}.stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:20px 22px 18px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 2px 10px #55c4d814}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 32px #55c4d833}.stat-card:before{content:"";background:var(--accent-color,var(--teal));border-radius:var(--r-lg) var(--r-lg) 0 0;height:5px;position:absolute;top:0;left:0;right:0}.stat-card:after{content:"";background:var(--accent-color,var(--teal));opacity:.07;border-radius:50%;width:80px;height:80px;position:absolute;top:-24px;right:-24px}.stat-value{font-family:var(--font-display);color:var(--accent-color,var(--teal-dd));letter-spacing:-.02em;margin-bottom:7px;font-size:2.4rem;font-weight:800;line-height:1}.stat-label{color:var(--text-4);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:600;font-family:var(--font-body)}.stat-change{font-size:.74rem;font-family:var(--font-mono);margin-top:8px}.stat-change.up{color:var(--green)}.stat-change.down{color:var(--red)}.btn{border-radius:var(--r-pill);font-family:var(--font-body);cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:2px solid #0000;align-items:center;gap:6px;padding:10px 24px;font-size:.86rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--teal);color:var(--white);border-color:var(--teal)}.btn-primary:hover:not(:disabled){background:var(--teal-d);border-color:var(--teal-d);transform:translateY(-1px);box-shadow:0 4px 18px #55c4d866}.btn-primary:active:not(:disabled){background:var(--teal-dd);transform:translateY(0)}.btn-secondary{background:var(--white);color:var(--text-2);border-color:var(--border-2)}.btn-secondary:hover:not(:disabled){background:var(--bg-1);border-color:var(--teal-bd)}.btn-danger{background:var(--red-bg);color:var(--red);border-color:var(--red-bd)}.btn-danger:hover:not(:disabled){background:#c0253a21}.btn-ghost{color:var(--text-3);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-1);color:var(--text-1)}.btn-sm{padding:6px 16px;font-size:.78rem}.btn-lg{padding:12px 32px;font-size:.94rem}.btn-icon{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-pill);width:36px;height:36px;color:var(--text-3);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .18s;display:inline-flex}.btn-icon:hover{background:var(--teal-bg);color:var(--teal-dd);border-color:var(--teal-bd)}.form-group{margin-bottom:18px}.form-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:700;font-family:var(--font-body);margin-bottom:6px;display:block}.form-input,.form-select,.form-textarea{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text-1);font-family:var(--font-body);outline:none;padding:10px 15px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-bg)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-4);font-style:italic}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%233a7a96' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.form-textarea{resize:vertical;min-height:90px;line-height:1.6}.form-hint{color:var(--text-4);margin-top:5px;font-size:.75rem;font-style:italic}.form-error{color:var(--red);margin-top:5px;font-size:.75rem}.form-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.table-wrap{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 2px 14px #55c4d814}table{border-collapse:collapse;width:100%;font-size:.86rem}thead{background:var(--teal)}th{text-align:left;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.07em;color:var(--white);white-space:nowrap;padding:12px 16px;font-size:.76rem;font-weight:700}td{color:var(--text-2);border-bottom:1.5px solid var(--bg-1);vertical-align:middle;font-family:var(--font-body);padding:12px 16px}tr:last-child td{border-bottom:none}tbody tr{transition:background .12s}tbody tr:hover{background:var(--bg-1)}.td-name{color:var(--text-1);font-weight:600}.td-mono{font-family:var(--font-mono);color:var(--teal-dd);font-size:.78rem}.badge{border-radius:var(--r-pill);font-size:.72rem;font-weight:700;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:5px;padding:4px 11px;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.badge-active{background:var(--green-bg);color:var(--green);border-color:var(--green-bd)}.badge-expired{background:var(--red-bg);color:var(--red);border-color:var(--red-bd)}.badge-suspended{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-bd)}.badge-revoked{background:var(--red-bg);color:var(--red);border-color:var(--red-bd)}.badge-trial{background:var(--teal-bg);color:var(--teal-dd);border-color:var(--teal-bd)}.badge-demo{background:var(--purple-bg);color:var(--purple);border-color:var(--purple-bd)}.badge-sub{background:var(--green-bg);color:var(--green);border-color:var(--green-bd)}.badge-lifetime{background:var(--teal-bg);color:var(--teal-dd);border-color:var(--teal-bd)}.badge-basic{background:var(--bg-1);color:var(--text-3);border-color:var(--border)}.badge-standard{background:var(--teal-bg);color:var(--teal-dd);border-color:var(--teal-bd)}.badge-pro{background:var(--teal-bg2);color:var(--teal-d);border-color:var(--teal-bd)}.badge-enterprise{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-bd)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d3b5261;justify-content:center;align-items:center;animation:.16s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-xl);width:100%;max-height:90vh;padding:0;animation:.24s slideUp;overflow-y:auto;box-shadow:0 24px 64px #0d3b5224}.modal-sm{max-width:420px}.modal-md{max-width:580px}.modal-lg{max-width:720px}.modal-xl{max-width:900px}.modal-header{background:var(--teal);border-radius:var(--r-xl) var(--r-xl) 0 0;justify-content:space-between;align-items:center;padding:18px 26px;display:flex}.modal-title{font-family:var(--font-display);color:var(--white);font-size:1.2rem;font-weight:700}.modal-header .btn-icon{color:var(--white);background:#ffffff40;border-color:#ffffff59}.modal-header .btn-icon:hover{background:#fff6}.modal-body{padding:26px}.modal-footer{border-top:1.5px solid var(--bg-1);background:var(--bg);border-radius:0 0 var(--r-xl) var(--r-xl);justify-content:flex-end;gap:10px;padding:16px 26px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.search-box{flex:1;min-width:200px;position:relative}.search-box svg{color:var(--text-4);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-pill);width:100%;color:var(--text-1);font-family:var(--font-body);outline:none;padding-top:10px;padding-bottom:10px;padding-left:40px;font-size:.86rem;transition:border-color .15s,box-shadow .15s}.search-box input:focus{border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-bg)}.search-box input::placeholder{color:var(--text-4);font-style:italic}.toast-container{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--r-pill);background:var(--white);min-width:280px;max-width:400px;font-size:.85rem;font-family:var(--font-body);border:1.5px solid;align-items:center;gap:10px;padding:13px 20px;animation:.22s slideUp;display:flex;box-shadow:0 8px 28px #0d3b521f}.toast-success{border-color:var(--green-bd);color:var(--green)}.toast-error{border-color:var(--red-bd);color:var(--red)}.toast-info{border-color:var(--teal-bd);color:var(--teal-dd)}.toast-warn{border-color:var(--amber-bd);color:var(--amber)}.toast-msg{color:var(--text-1);flex:1}.empty{color:var(--text-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:64px 20px;display:flex}.empty-icon{opacity:.3;font-size:2.8rem}.empty h4{font-family:var(--font-display);color:var(--text-3);font-style:italic}.empty p{font-size:.86rem;font-style:italic}.spinner{border:2.5px solid var(--border);border-top-color:var(--teal);border-radius:50%;width:22px;height:22px;animation:.6s linear infinite spin;display:inline-block}.page-loading{min-height:300px;color:var(--text-4);justify-content:center;align-items:center;gap:12px;display:flex}.key-box{background:var(--bg-1);border:1.5px solid var(--teal-bd);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.key-text{font-family:var(--font-mono);color:var(--teal-dd);letter-spacing:.07em;font-size:1rem}.divider{background:var(--border);height:1.5px;margin:20px 0}.tabs{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-pill);gap:4px;width:fit-content;margin-bottom:22px;padding:4px;display:flex}.tab{border-radius:var(--r-pill);cursor:pointer;color:var(--text-4);font-size:.83rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;background:0 0;border:none;padding:8px 20px;transition:all .16s}.tab:hover{color:var(--text-2)}.tab.active{background:var(--teal);color:var(--white);font-weight:700}.section-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--text-4);margin-bottom:10px;font-size:.74rem;font-style:italic;font-weight:700}.login-page{background-color:var(--bg);background-image:radial-gradient(circle,#55c4d838 1px,#0000 1px);background-size:26px 26px;justify-content:center;align-items:center;min-height:100vh;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:.26s both slideUp}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.w-full{width:100%}.text-sm{font-size:.83rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-4)}.text-teal{color:var(--teal-dd)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-amber{color:var(--amber)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}