@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#060d1e;color:#e2e8f0;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}@media(max-width:768px){.responsive-table-container{padding:1rem!important}.responsive-table-wrapper{padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important}.responsive-table{min-width:100%!important;display:block}.responsive-table thead{display:none}.responsive-table tbody{display:block;width:100%}.responsive-table tr{display:block;margin-bottom:1rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#1e293b66;overflow:hidden;padding-bottom:.5rem;width:100%;box-sizing:border-box}.responsive-table td{display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:.75rem 1rem!important;border-bottom:1px solid rgba(255,255,255,.05)!important;text-align:left!important;gap:.25rem;word-break:break-all}.responsive-table td:last-child{border-bottom:none!important;align-items:flex-end;padding-top:1rem!important}.responsive-table td:before{content:attr(data-label);font-weight:700;color:#64748b;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.responsive-table td>div,.responsive-table td>span{word-break:break-all}.responsive-table td:last-child{border-bottom:none!important;align-items:flex-end!important;padding-top:1rem!important}.responsive-table td span.badge,.responsive-table td .status-badge,.responsive-table td .badge{white-space:nowrap!important}}@media(max-width:768px){.panel,.btn-primary,.custom-select-container{max-width:100%!important;box-sizing:border-box!important}}@media(max-width:768px){div[style*="display: flex"][style*="justify-content: space-between"],div[style*="display:flex"][style*="justify-content:space-between"],.glass-card[style*="display: flex"],.glass-card[style*="display:flex"]{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,sans-serif;background:#060d1e;color:#e2e8f0;min-height:100vh;font-size:14px;overflow-x:hidden;width:100%}.portal-shell{display:flex;min-height:100vh}.portal-sidebar{width:280px;min-height:100vh;background:#081226f2;border-right:1px solid rgba(99,179,237,.08);display:flex;flex-direction:column;padding:1.5rem 1rem;position:fixed;top:0;left:0;bottom:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-brand{display:flex;align-items:center;justify-content:flex-start;padding:.5rem .5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:1.5rem}.brand-logo-img{height:75px;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 10px rgba(99,179,237,.2))}.brand-icon{font-size:2rem;color:#63b3ed;line-height:1}.brand-name{font-size:1.1rem;font-weight:800;background:linear-gradient(135deg,#63b3ed,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.3px}.brand-sub{font-size:.7rem;color:#475569;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:10px;color:#64748b;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .15s}.nav-item:hover{background:#63b3ed12;color:#94a3b8}.nav-item.active{background:linear-gradient(135deg,#3182ce33,#7c3aed26);color:#63b3ed;border:1px solid rgba(99,179,237,.15)}.nav-icon{font-size:1.3rem;width:26px;text-align:center}.logout-btn{display:flex;align-items:center;gap:.6rem;background:none;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.6rem .85rem;color:#475569;cursor:pointer;font-size:.87rem;font-weight:500;transition:all .15s;margin-top:auto;width:100%}.logout-btn:hover{background:#fc818114;color:#fc8181;border-color:#fc818133}.portal-main{margin-left:280px;flex:1;padding:2.5rem;min-height:100vh;background:linear-gradient(135deg,#060d1e,#0a1628)}.dashboard-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:2rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.page-title{font-size:1.6rem;font-weight:700;letter-spacing:-.5px;color:#e2e8f0}.page-sub{font-size:.85rem;color:#475569;margin-top:.2rem}.btn-primary{background:linear-gradient(135deg,#3182ce,#7c3aed);color:#fff;border:none;border-radius:10px;padding:.6rem 1.25rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;display:flex;align-items:center;gap:.5rem;max-width:100%;box-sizing:border-box}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-danger{background:#fc81811f;border:1px solid rgba(252,129,129,.25);color:#fc8181;border-radius:8px;padding:.4rem .8rem;font-size:.81rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-danger:hover{background:#fc818133}.btn-ghost{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;border-radius:8px;padding:.4rem .8rem;font-size:.81rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-ghost:hover{background:#ffffff14;color:#e2e8f0}.btn-success{background:#48c78e1f;border:1px solid rgba(72,199,142,.25);color:#48c78e;border-radius:8px;padding:.4rem .8rem;font-size:.81rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-success:hover{background:#48c78e33}.panel{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.06)}.data-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);color:#cbd5e1;vertical-align:middle}.data-table tr:hover td{background:#ffffff05}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.3px}.badge-active{background:#48c78e26;color:#48c78e;border:1px solid rgba(72,199,142,.25)}.badge-expired{background:#ffa5001f;color:orange;border:1px solid rgba(255,165,0,.25)}.badge-revoked{background:#fc81811f;color:#fc8181;border:1px solid rgba(252,129,129,.25)}.badge-suspended{background:#94a3b81f;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.badge-trial{background:#a78bfa26;color:#a78bfa;border:1px solid rgba(167,139,250,.25)}.badge-pro{background:#63b3ed1f;color:#63b3ed;border:1px solid rgba(99,179,237,.2)}.badge-enterprise{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.badge-free{background:#94a3b81a;color:#64748b;border:1px solid rgba(148,163,184,.15)}.modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#0e1f3a;border:1px solid rgba(99,179,237,.15);border-radius:20px;padding:2rem;width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #00000080}.modal h2{font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;color:#e2e8f0}.field{margin-bottom:1.1rem}.field label{display:block;font-size:.78rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:.4rem}.field input,.field select,.field-select,.field textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.65rem .9rem;color:#e2e8f0;font-size:.88rem;outline:none;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:1rem}.field select,.field-select{padding-right:2.2rem;cursor:pointer}.field input:focus,.field select:focus,.field-select:focus,.field textarea:focus{border-color:#63b3ed;background:#ffffff14}.field select option,.field-select option{background-color:#0e1f3a;color:#e2e8f0}.custom-select-container{position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;min-width:120px;max-width:100%}.custom-select-trigger{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.65rem 1rem;color:#e2e8f0;font-size:.88rem;display:flex;align-items:center;justify-content:space-between;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:40px}.custom-select-trigger:hover{background:#ffffff14;border-color:#63b3ed4d}.custom-select-trigger.open{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.select-arrow{width:.9rem;height:.9rem;display:flex;align-items:center;color:#64748b;transition:transform .2s cubic-bezier(.4,0,.2,1)}.custom-select-trigger.open .select-arrow{transform:rotate(180deg);color:#3182ce}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0e1f3a;border:1px solid rgba(99,179,237,.15);border-radius:12px;padding:.4rem;box-shadow:0 12px 30px #0006;z-index:2000;max-height:250px;overflow-y:auto;animation:selectSlideIn .2s cubic-bezier(.4,0,.2,1)}@keyframes selectSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{padding:.6rem .75rem;border-radius:8px;color:#94a3b8;font-size:.86rem;transition:all .15s;margin-bottom:2px}.custom-select-option:last-child{margin-bottom:0}.custom-select-option:hover{background:#3182ce1a;color:#e2e8f0}.custom-select-option.selected{background:#3182ce33;color:#63b3ed;font-weight:600}.field textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.25rem;text-align:center;transition:border-color .2s}.stat-card:hover{border-color:#63b3ed33}.stat-value{font-size:2.2rem;font-weight:800;line-height:1.1;background:linear-gradient(135deg,#63b3ed,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.78rem;color:#475569;font-weight:600;letter-spacing:.4px;text-transform:uppercase;margin-top:.4rem}.code-block{background:#00000080;border:1px solid rgba(99,179,237,.15);border-radius:10px;padding:1rem;font-family:Courier New,monospace;font-size:.78rem;color:#7dd3fc;word-break:break-all;white-space:pre-wrap;max-height:200px;overflow-y:auto;-webkit-user-select:all;user-select:all}.checkbox-group{display:flex;flex-wrap:wrap;gap:.5rem}.checkbox-tag{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;cursor:pointer;font-size:.8rem;color:#94a3b8;transition:all .15s}.checkbox-tag:hover{border-color:#63b3ed4d;color:#63b3ed}.checkbox-tag.selected{background:#63b3ed1f;border-color:#63b3ed59;color:#63b3ed}.empty-state{text-align:center;padding:3rem;color:#334155}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state p{font-size:.9rem}.mobile-topbar{display:none}.hamburger{background:none;border:none;cursor:pointer;padding:.4rem;display:flex;flex-direction:column;gap:6px;border-radius:6px;transition:background .15s}.hamburger:hover{background:#ffffff0f}.hamburger-bar{display:block;width:28px;height:3px;background:#94a3b8;border-radius:2px;transition:all .25s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger-bar.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-bar.open:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-bar.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-brand{display:flex;align-items:center;gap:.5rem}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:1024px){.portal-sidebar{width:200px}.portal-main{margin-left:200px;padding:2rem 1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.dashboard-grid{display:flex;flex-direction:column;gap:1.5rem}.dashboard-grid>div:first-child{order:2}.dashboard-grid>div:last-child{order:1}}@media(max-width:768px){.mobile-topbar{display:flex;align-items:center;gap:.5rem;position:fixed;top:0;left:0;right:0;height:60px;background:#081226fa;border-bottom:1px solid rgba(99,179,237,.1);padding:0 1rem;z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;width:100%;box-sizing:border-box}.portal-sidebar{width:260px;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:300;top:0;border-right:1px solid rgba(99,179,237,.15);visibility:hidden}.portal-sidebar.sidebar-open{transform:translate(0);box-shadow:8px 0 40px #00000080;visibility:visible}.sidebar-overlay{display:block}.portal-main{margin-left:0;padding:1.25rem 1rem;padding-top:calc(60px + 1.25rem);width:100%;box-sizing:border-box}.page-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.page-header>div:last-child{width:100%;flex-wrap:wrap;display:flex;gap:.5rem}.page-header input[type=text]{width:100%!important;min-width:0}.page-header .custom-select-container{flex:1;min-width:120px}.page-header .btn-primary{width:100%;justify-content:center;max-width:none}.panel{padding:1rem;width:100%!important;box-sizing:border-box}.data-table{min-width:600px}.activity-feed{display:block!important;min-width:0!important;width:100%!important}.activity-feed thead{display:none}.activity-feed tbody{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.5rem;width:100%!important}@media(max-width:480px){.activity-feed tbody{grid-template-columns:1fr!important}}.activity-feed tr{display:flex!important;flex-direction:column;padding:.6rem!important;background:#0f172a66!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:12px!important;margin:0!important;width:100%!important;box-sizing:border-box;overflow:hidden}.activity-feed td{display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:.2rem 0!important;border:none!important;width:100%!important;text-align:left!important;overflow:hidden}.activity-feed td:before{content:attr(data-label);font-size:.65rem;font-weight:600;color:#475569;text-transform:uppercase;margin-bottom:.1rem}.activity-feed td:last-child{border-top:1px solid rgba(255,255,255,.1)!important;margin-top:.2rem;padding-top:.3rem!important}.modal-overlay{align-items:flex-end;padding:0}.modal{width:100%;max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;padding:1.5rem 1.25rem}.stats-grid{grid-template-columns:repeat(2,1fr)}div[style*="grid-template-columns: 1fr 1fr"],div[style*="repeat(3, 1fr)"]{display:flex!important;flex-direction:column}.data-table td>div[style*=flex]{flex-wrap:wrap;gap:.3rem}.code-block{font-size:.72rem;padding:.75rem}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%;justify-content:center}.page-title{font-size:1.3rem}}@media(max-width:480px){.portal-main{padding:1rem .75rem;padding-top:calc(56px + 1rem)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.stat-card{padding:.9rem .75rem}.stat-value{font-size:1.7rem}.stat-label{font-size:.7rem}.panel{padding:.75rem;border-radius:12px}.checkbox-group{gap:.4rem}.checkbox-tag{font-size:.75rem;padding:.3rem .6rem}.btn-primary,.btn-ghost,.btn-danger,.btn-success{font-size:.8rem}.dashboard-page-header .main-title{font-size:2rem;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.dashboard-page-header .secondary-text{opacity:.8}.status-badge-container{background:#ffffff08;padding:.5rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.75rem}}.status-dot{width:8px;height:8px;border-radius:50%;background:#48c78e;box-shadow:0 0 10px #48c78e}.status-text{font-size:.85rem;color:#94a3b8}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.activity-title{font-size:1.1rem;font-weight:700;color:#f8fafc;display:flex;align-items:center;gap:.5rem}.header-actions{display:flex;gap:.75rem;align-items:center}.view-history-btn{font-size:.75rem;color:#63b3ed;text-decoration:none;font-weight:600;background:#63b3ed14;padding:.3rem .7rem;border-radius:6px;border:1px solid rgba(99,179,237,.15)}.feed-status{font-size:.75rem;color:#64748b;background:#0003;padding:.3rem .6rem;border-radius:6px}@media(max-width:480px){.dashboard-page-header .main-title{font-size:1.5rem!important}.status-badge-container{width:fit-content;margin-top:.5rem}.panel-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;justify-content:space-between}}@media(max-width:480px){.status-badge-container{max-width:100%;box-sizing:border-box}.panel-header{width:100%}.header-actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.5rem}}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 60% 40%,#0d1f3c,#050d1a);font-family:Inter,sans-serif}.login-card{background:#ffffff0a;border:1px solid rgba(99,179,237,.15);border-radius:24px;padding:3rem 2.5rem;width:420px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 80px #63b3ed14,0 24px 60px #0006;text-align:center}.login-logo-container{display:flex;justify-content:center;margin-bottom:.25rem}.login-full-logo{height:160px;width:auto;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 15px rgba(99,179,237,.3));opacity:.95;transition:transform .3s ease}.login-full-logo:hover{transform:scale(1.02)}.login-title{font-size:1.1rem;font-weight:600;color:#e2e8f0;margin:.5rem 0 .25rem;letter-spacing:.3px}.login-sub{font-size:.82rem;color:#64748b;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1.1rem;text-align:left}.form-group label{display:block;font-size:.78rem;color:#94a3b8;margin-bottom:.4rem;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.form-group input{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.7rem 1rem;color:#e2e8f0;font-size:.95rem;outline:none;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1f}.login-error{color:#fc8181;font-size:.85rem;background:#fc81811a;border:1px solid rgba(252,129,129,.2);padding:.6rem 1rem;border-radius:8px}.login-btn{background:linear-gradient(135deg,#3182ce,#7c3aed);color:#fff;border:none;border-radius:10px;padding:.8rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;margin-top:.5rem}.login-btn:hover{opacity:.9;transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{font-size:.75rem;color:#334155;margin-top:2rem}