@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-0: #050506;--bg-1: #0a0a0c;--bg-2: #0f0f12;--bg-3: #141418;--bg-4: #1a1a1f;--border: #1e1e24;--border-2: #28282f;--border-3: #32323a;--text: #e8e8ec;--text-2: #9898a4;--text-3: #5c5c68;--accent: #2563eb;--accent-2: #1d4ed8;--green: #10b981;--purple: #8b5cf6;--orange: #f59e0b;--red: #dc2626;--cyan: #0891b2;--pink: #db2777;--yellow: #ca8a04}html,body{height:100%;overflow:hidden}body{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-0);color:var(--text);font-size:13px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-3)}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:200px;background:var(--bg-1);border-right:1px solid var(--border);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;transition:width .15s ease;z-index:100}.sidebar.collapsed{width:56px}.sidebar-top{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;letter-spacing:-.3px}.logo svg{color:var(--accent)}.collapse-btn{width:28px;height:28px;background:transparent;border:1px solid var(--border);color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.collapse-btn:hover{background:var(--bg-3);color:var(--text-2);border-color:var(--border-2)}.sidebar-nav{flex:1;padding:10px 6px;display:flex;flex-direction:column;gap:1px}.sidebar-nav button{display:flex;align-items:center;gap:10px;padding:9px 10px;background:none;border:none;color:var(--text-3);font-size:13px;font-weight:500;cursor:pointer;text-align:left;width:100%;transition:all .1s}.sidebar-nav button:hover{background:var(--bg-2);color:var(--text-2)}.sidebar-nav button.active{background:var(--bg-3);color:var(--accent)}.sidebar-nav button.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:16px;background:var(--accent)}.sidebar-nav button{position:relative}.sidebar-bottom{padding:10px 6px;border-top:1px solid var(--border)}.sidebar-bottom button{display:flex;align-items:center;gap:10px;padding:9px 10px;background:var(--bg-2);border:1px solid var(--border);color:var(--text-3);font-size:12px;font-weight:500;cursor:pointer;width:100%;transition:all .1s}.sidebar-bottom button:hover{background:var(--bg-3);color:var(--text-2)}.logout-icon{margin-left:auto;opacity:.4}.main-area{flex:1;margin-left:200px;display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:margin .15s ease}.top-bar{height:52px;min-height:52px;background:var(--bg-1);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0}.top-bar h1{font-size:14px;font-weight:600;letter-spacing:-.3px}.top-right{display:flex;align-items:center;gap:10px}.top-right button{width:32px;height:32px;background:transparent;border:1px solid var(--border);color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s}.top-right button:hover{background:var(--bg-2);color:var(--text-2);border-color:var(--border-2)}.admin-pill{display:flex;align-items:center;gap:5px;padding:5px 10px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.15);color:var(--orange);font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.page-content{flex:1;padding:20px;overflow:auto}.dashboard{display:flex;flex-direction:column;gap:16px;height:100%}.stats-row{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;flex-shrink:0}.stat{background:var(--bg-1);border:1px solid var(--border);padding:14px 16px;display:flex;align-items:center;gap:12px}.stat svg{flex-shrink:0;opacity:.8}.stat.blue svg{color:var(--accent)}.stat.green svg{color:var(--green)}.stat.purple svg{color:var(--purple)}.stat.orange svg{color:var(--orange)}.stat.cyan svg{color:var(--cyan)}.stat.pink svg{color:var(--pink)}.stat.yellow svg{color:var(--yellow)}.stat.red svg{color:var(--red)}.stat div{display:flex;flex-direction:column;min-width:0}.stat span{font-size:18px;font-weight:700;font-family:IBM Plex Mono,monospace;line-height:1}.stat label{font-size:10px;color:var(--text-3);margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;flex:1;min-height:0}.card{background:var(--bg-1);border:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.card-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:12px;font-weight:600;letter-spacing:-.2px;flex-shrink:0}.card-header svg{color:var(--text-3);opacity:.7}.card-body{flex:1;padding:14px 16px;overflow:hidden;min-height:0}.live-badge{margin-left:auto;padding:2px 6px;background:#10b98114;color:var(--green);font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.chart-card{grid-column:span 1}.chart-body{height:100%;padding:6px 6px 6px 0!important}.recent-card{grid-column:span 2}.recent-card .card-body{padding:12px 16px;overflow:hidden}.countries-list{display:flex;flex-direction:column;gap:6px;height:100%;overflow-y:auto}.country-row{display:grid;grid-template-columns:24px 22px 32px 1fr 44px;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-2)}.country-row .rank{font-size:11px;font-weight:600;color:var(--text-3);text-align:center}.country-row img{width:18px;height:13px}.country-row .code{font-size:11px;font-weight:600}.country-row .bar{height:6px;background:var(--bg-0)}.country-row .bar div{height:100%;background:var(--accent)}.country-row .count{text-align:right;font-size:11px;font-weight:600;font-family:IBM Plex Mono,monospace;color:var(--text-2)}.recent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;max-height:100%;overflow:hidden}.recent-row{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--bg-2);border:1px solid var(--border);overflow:hidden}.recent-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.recent-user{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;min-width:0;flex:1}.recent-user svg{color:var(--accent);flex-shrink:0;width:14px;height:14px}.recent-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-ip{font-size:10px;font-family:IBM Plex Mono,monospace;color:var(--text-3);flex-shrink:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-bottom{display:flex;gap:6px}.recent-stat{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 8px;background:var(--bg-3);font-size:10px;font-weight:600}.recent-stat svg{width:11px;height:11px;flex-shrink:0}.recent-stat.green{color:var(--green);background:#10b9810f}.recent-stat.purple{color:var(--purple);background:#8b5cf60f}.recent-stat.orange{color:var(--orange);background:#f59e0b0f}.empty-text{text-align:center;padding:32px;color:var(--text-3);font-size:11px}.logs-page{display:flex;flex-direction:column;gap:12px;height:100%}.toolbar{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.search-input{display:flex;align-items:center;gap:8px;background:var(--bg-1);border:1px solid var(--border);padding:0 12px;width:220px}.search-input svg{color:var(--text-3);flex-shrink:0;width:15px;height:15px}.search-input input{flex:1;padding:8px 0;background:none;border:none;color:var(--text);font-size:12px;outline:none}.search-input input::placeholder{color:var(--text-3)}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-1);border:1px solid var(--border);color:var(--text);padding:8px 32px 8px 12px;font-size:12px;cursor:pointer}.select-wrap select:focus{outline:none;border-color:var(--accent)}.select-wrap svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none;width:14px;height:14px}.toolbar-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;background:var(--bg-1);border:1px solid var(--border);color:var(--text-3);font-size:12px;font-weight:500;cursor:pointer;transition:all .1s}.toolbar-btn:hover{background:var(--bg-2);color:var(--text-2);border-color:var(--border-2)}.toolbar-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar-btn.primary:hover{background:var(--accent-2)}.toolbar-info{margin-left:auto;font-size:11px;color:var(--text-3);font-weight:500}.toolbar-btn.active{background:var(--bg-3);border-color:var(--accent);color:var(--accent)}.toolbar-btn.has-filters{position:relative}.filter-dot{position:absolute;top:5px;right:5px;width:5px;height:5px;background:var(--accent);border-radius:50%}.filters-panel{background:var(--bg-1);border:1px solid var(--border);padding:14px 16px;display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start;flex-shrink:0}.filters-section{display:flex;flex-direction:column;gap:8px}.filters-title{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.filters-title svg{color:var(--accent);width:12px;height:12px}.filters-row{display:flex;gap:8px}.filters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.filter-field{display:flex;flex-direction:column;gap:3px}.filter-field label{font-size:9px;color:var(--text-3);display:flex;align-items:center;gap:3px;text-transform:uppercase;letter-spacing:.3px}.filter-field label svg{width:10px;height:10px}.filter-field input{padding:7px 9px;background:var(--bg-2);border:1px solid var(--border);color:var(--text);font-size:11px;width:110px}.filter-field.small input{width:80px}.filter-field input:focus{outline:none;border-color:var(--accent)}.filter-field input[type=date]{cursor:pointer}.filter-field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.5}.clear-filters-btn{display:flex;align-items:center;gap:5px;padding:7px 12px;background:#dc26260f;border:1px solid rgba(220,38,38,.15);color:var(--red);font-size:11px;font-weight:500;cursor:pointer;margin-left:auto;align-self:flex-end;transition:all .1s}.clear-filters-btn:hover{background:#dc26261a}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .1s}.sortable:hover{color:var(--accent)}.sortable svg{display:inline-block;margin-left:3px;vertical-align:middle}.table-container{flex:1;background:var(--bg-1);border:1px solid var(--border);overflow:auto;min-height:0}.logs-table{width:100%;border-collapse:collapse}.logs-table th,.logs-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.logs-table th{background:var(--bg-2);font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:1}.logs-table tr:hover td{background:var(--bg-2)}.logs-table tr.selected td{background:#2563eb0f}.th-check,.td-check{width:44px;text-align:center}.th-check input,.td-check input{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.td-user{max-width:180px}.td-user-inner{display:flex;align-items:center;gap:8px;font-weight:500;font-size:12px}.td-user-inner svg{color:var(--text-3);flex-shrink:0;width:14px;height:14px}.td-user-inner span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-ip{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--text-2);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-country{width:90px}.td-country-inner{display:flex;align-items:center;gap:8px}.td-country-inner img{width:20px;height:14px}.th-num,.td-num{text-align:center;width:90px}.num{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;font-family:IBM Plex Mono,monospace}.num.green{background:#10b98114;color:var(--green)}.num.purple{background:#8b5cf614;color:var(--purple)}.num.orange{background:#f59e0b14;color:var(--orange)}.td-date{font-size:11px;color:var(--text-3);width:90px}.th-actions,.td-actions{width:90px}.td-actions-inner{display:flex;gap:4px}.td-actions-inner button{width:30px;height:30px;background:var(--bg-3);border:1px solid var(--border);color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s}.td-actions-inner button:hover{background:var(--bg-2);color:var(--text);border-color:var(--border-2)}.td-actions-inner button.danger:hover{background:#dc262614;color:var(--red);border-color:#dc262633}.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px;color:var(--text-3)}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 0;flex-shrink:0}.pagination button{min-width:32px;height:32px;padding:0 10px;background:var(--bg-1);border:1px solid var(--border);color:var(--text-3);font-size:11px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .1s}.pagination button:hover:not(:disabled){background:var(--bg-2);color:var(--text-2);border-color:var(--border-2)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button.active{background:var(--accent);border-color:var(--accent);color:#fff}.pagination-info{font-size:11px;color:var(--text-3);margin:0 8px}.builder-page{max-width:480px;display:flex;flex-direction:column;gap:12px}.builder-card{background:var(--bg-1);border:1px solid var(--border);padding:18px}.builder-card h3{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border);letter-spacing:-.2px}.builder-card h3 svg{color:var(--text-3);opacity:.7}.builder-fields{display:grid;grid-template-columns:2fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:10px;color:var(--text-3);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.field input{padding:9px 11px;background:var(--bg-2);border:1px solid var(--border);color:var(--text);font-size:12px}.field input:focus{outline:none;border-color:var(--accent)}.auto-ip{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#2563eb0d;border:1px solid rgba(37,99,235,.12);color:var(--accent);font-size:11px}.toggle-list{display:flex;flex-direction:column;gap:6px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-2);cursor:pointer;transition:background .1s}.toggle-row:hover{background:var(--bg-3)}.toggle-row>div{display:flex;flex-direction:column;gap:3px}.toggle-row>div>div:first-child{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}.toggle-row>div svg{color:var(--text-3);flex-shrink:0;width:15px;height:15px}.toggle-row>div small{font-size:10px;color:var(--text-3);font-weight:400}.toggle{width:36px;height:20px;background:var(--bg-0);position:relative;transition:.15s}.toggle:after{content:"";position:absolute;width:16px;height:16px;background:var(--text-3);top:2px;left:2px;transition:.15s}.toggle.on{background:var(--accent)}.toggle.on:after{left:18px;background:#fff}.crypt-info{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#10b9810d;border:1px solid rgba(16,185,129,.1);color:var(--green);font-size:11px;margin-top:6px}.crypt-info svg{flex-shrink:0;width:14px;height:14px}.uac-mode-selector{padding:12px 14px;background:var(--bg-2);border-left:2px solid var(--accent);margin-left:14px}.uac-mode-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-2);margin-bottom:8px}.uac-mode-label svg{color:var(--accent);width:13px;height:13px}.uac-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.uac-mode-btn{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;background:var(--bg-3);border:1px solid var(--border);cursor:pointer;transition:all .1s}.uac-mode-btn:hover{border-color:var(--border-2);background:var(--bg-2)}.uac-mode-btn.active{background:#2563eb0f;border-color:var(--accent)}.uac-mode-btn .mode-title{font-size:12px;font-weight:600;color:var(--text);margin-bottom:2px}.uac-mode-btn.active .mode-title{color:var(--accent)}.uac-mode-btn .mode-desc{font-size:9px;color:var(--text-3)}.msg{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;font-size:11px}.msg svg{flex-shrink:0;margin-top:1px;width:15px;height:15px}.msg>div{flex:1;display:flex;flex-direction:column;gap:4px}.msg strong{font-weight:600;font-size:12px}.msg.error{background:#dc26260f;border:1px solid rgba(220,38,38,.12);color:var(--red)}.msg.success{background:#10b9810f;border:1px solid rgba(16,185,129,.12);color:var(--green)}.build-info{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:10px;color:var(--text-3)}.badge-sm{display:inline-flex;align-items:center;padding:2px 6px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.badge-sm.green{background:#10b9811a;color:var(--green)}.badge-sm.blue{background:#2563eb1a;color:var(--accent)}.build-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--accent);border:none;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .1s}.build-btn:hover{background:var(--accent-2)}.build-btn:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tokens-page{display:flex;flex-direction:column;gap:12px}.tokens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.token-item{background:var(--bg-1);border:1px solid var(--border);padding:14px}.token-item.inactive{opacity:.5}.token-top{margin-bottom:10px}.badge{display:inline-block;padding:3px 8px;font-size:10px;font-weight:600;letter-spacing:.3px}.badge.day{background:#5c5c6814;color:var(--text-2)}.badge.week{background:#2563eb14;color:var(--accent)}.badge.month{background:#10b98114;color:var(--green)}.badge.\33months{background:#8b5cf614;color:var(--purple)}.badge.year{background:#f59e0b14;color:var(--orange)}.badge.lifetime{background:#dc262614;color:var(--red)}.token-value{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;background:var(--bg-2);margin-bottom:8px;cursor:pointer;transition:background .1s}.token-value:hover{background:var(--bg-3)}.token-value code{font-size:10px;word-break:break-all;font-family:IBM Plex Mono,monospace}.token-date{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-3);margin-bottom:10px}.token-btns{display:flex;gap:6px}.token-btns button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px;background:var(--bg-2);border:1px solid var(--border);color:var(--text-3);font-size:10px;font-weight:500;cursor:pointer;transition:all .1s}.token-btns button:hover{background:var(--bg-3);color:var(--text-2)}.token-btns button.danger:hover{background:#dc262614;color:var(--red)}.token-btns button.extend:hover{background:#2563eb14;color:var(--accent)}.token-top{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.expiry-badge{font-size:9px;color:var(--text-3);padding:2px 6px;background:var(--bg-3)}.expiry-badge.expired{color:var(--red);background:#dc262614}.token-item.expired{border-color:#dc262640}.token-item.expired .token-value{background:#dc26260a}.token-value .copy-success{color:var(--green)}.extend-info{margin-bottom:16px}.extend-info p{font-size:12px;color:var(--text-3);margin-bottom:6px}.extend-info code{display:block;padding:8px 10px;background:var(--bg-2);font-size:10px;font-family:IBM Plex Mono,monospace;margin-bottom:8px}.extend-info .current-expiry{font-size:11px}.extend-info .current-expiry .expired{color:var(--red);font-weight:500}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--bg-1);border:1px solid var(--border);width:100%;max-width:400px}.modal-head{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border);font-size:14px;font-weight:600}.modal-head svg:first-child{color:var(--text-3);opacity:.7}.modal-head button{margin-left:auto;background:none;border:none;color:var(--text-3);cursor:pointer;transition:color .1s}.modal-head button:hover{color:var(--text)}.modal-body{padding:18px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--border)}.modal-foot button{padding:9px 16px;background:var(--bg-2);border:1px solid var(--border);color:var(--text-3);font-size:12px;font-weight:500;cursor:pointer;transition:all .1s}.modal-foot button:hover{background:var(--bg-3);color:var(--text-2)}.modal-foot button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.modal-foot button.primary:hover{background:var(--accent-2)}.sub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sub-grid button{padding:11px;background:var(--bg-2);border:1px solid var(--border);color:var(--text-3);font-size:11px;font-weight:500;cursor:pointer;transition:all .1s}.sub-grid button:hover{border-color:var(--border-2);color:var(--text-2)}.sub-grid button.active{background:#2563eb14;border-color:var(--accent);color:var(--accent)}.generated-token{text-align:center;padding:8px 0}.generated-token svg{color:var(--green);margin-bottom:10px}.generated-token p{font-size:13px;font-weight:500;margin-bottom:14px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-0)}.login-card{width:100%;max-width:360px;background:var(--bg-1);border:1px solid var(--border);padding:36px}.login-header{text-align:center;margin-bottom:28px}.login-icon{width:52px;height:52px;background:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#fff}.login-header h1{font-size:20px;font-weight:700;margin-bottom:4px;letter-spacing:-.3px}.login-header p{font-size:12px;color:var(--text-3)}.login-card form{display:flex;flex-direction:column;gap:14px}.input-group{display:flex;flex-direction:column;gap:5px}.input-group label{font-size:11px;font-weight:500;color:var(--text-3);text-transform:uppercase;letter-spacing:.3px}.input-group input{padding:11px 13px;background:var(--bg-2);border:1px solid var(--border);color:var(--text);font-size:13px}.input-group input:focus{outline:none;border-color:var(--accent)}.input-group input::placeholder{color:var(--text-3)}.error-msg{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#dc26260f;border:1px solid rgba(220,38,38,.12);color:var(--red);font-size:11px}.login-card button[type=submit]{padding:12px;background:var(--accent);border:none;color:#fff;font-size:13px;font-weight:600;cursor:pointer;margin-top:6px;transition:background .1s}.login-card button[type=submit]:hover{background:var(--accent-2)}.login-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:20px;padding-top:18px;border-top:1px solid var(--border);text-align:center}.login-footer p{font-size:11px;color:var(--text-3)}.login-footer a{color:var(--accent);text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}.about-page{width:100%}.about-hero{text-align:center;padding:44px 36px;background:var(--bg-1);border:1px solid var(--border);margin-bottom:16px}.about-icon{width:64px;height:64px;background:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:#fff}.about-hero h1{font-size:28px;font-weight:700;margin-bottom:6px;letter-spacing:-.5px}.about-hero p{font-size:13px;color:var(--text-3);margin-bottom:18px}.about-desc{max-width:560px;margin:0 auto;font-size:13px;color:var(--text-2);line-height:1.7}.about-creator{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border);font-size:12px;color:var(--text-3)}.about-creator svg{color:var(--text-3);width:14px;height:14px}.about-creator a{color:var(--accent);text-decoration:none;font-weight:600}.about-creator a:hover{text-decoration:underline}.about-section{margin-bottom:16px}.about-section h2{font-size:14px;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px;letter-spacing:-.2px}.about-section h2 svg{color:var(--accent)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature-card{background:var(--bg-1);border:1px solid var(--border);padding:20px 18px}.feature-card svg{color:var(--accent);margin-bottom:12px;opacity:.8}.feature-card h4{font-size:13px;font-weight:600;margin-bottom:5px}.feature-card p{font-size:11px;color:var(--text-3);line-height:1.5}.feature-card ul{margin-top:8px;padding-left:14px;font-size:10px;color:var(--text-2)}.feature-card ul li{margin-bottom:3px}.tech-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.tech-item{background:var(--bg-1);border:1px solid var(--border);padding:14px;text-align:center}.tech-item svg{color:var(--text-3);margin-bottom:6px;opacity:.7}.tech-item span{display:block;font-size:10px;color:var(--text-2)}@media (max-width: 1400px){.stats-row{grid-template-columns:repeat(4,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.tech-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1100px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .chart-card,.dashboard-grid .recent-card{grid-column:span 1}}@media (max-width: 800px){.dashboard-grid,.features-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(3,1fr)}}