@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#f5f7fa;--surface:#fff;--surface-2:#f9fafb;--border:#e5e7eb;--border-strong:#d1d5db;--primary:#00529c;--primary-hover:#003f7a;--primary-light:#eef4fb;--danger:#dc2626;--danger-light:#fef2f2;--success:#059669;--success-light:#ecfdf5;--warning:#d97706;--warning-light:#fffbeb;--purple:#7c3aed;--purple-light:#f5f3ff;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--sidebar-w:220px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;line-height:1.5}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.02em;font-weight:700}h1{font-size:1.375rem}h2{font-size:1.125rem}h3{font-size:1rem}h4{font-size:.875rem}p{color:var(--text-secondary);line-height:1.6}.w-full{width:100%}.flex-1{flex:1}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-purple{color:var(--purple)}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:40;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 18px 18px;display:flex}.sidebar-brand-icon{background:var(--primary-light);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sidebar-brand-text{flex-direction:column;display:flex}.sidebar-brand-name{color:var(--text-primary);letter-spacing:-.01em;font-size:.875rem;font-weight:700;line-height:1.2}.sidebar-brand-sub{color:var(--text-tertiary);letter-spacing:.02em;font-size:.68rem;font-weight:400}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:none;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text-primary)}.nav-item.active{background:var(--primary-light);color:var(--primary)}.nav-item.active svg{color:var(--primary)}.nav-item.danger{color:var(--danger)}.nav-item.danger:hover{background:var(--danger-light)}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding:12px 10px;display:flex}.main-content{margin-left:var(--sidebar-w);flex-direction:column;flex:1;gap:24px;min-height:100vh;padding:28px;display:flex}.page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:2px;font-size:1.375rem;font-weight:700}.page-sub{color:var(--text-tertiary);font-size:.875rem;font-weight:400}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-direction:column;gap:12px;padding:20px;transition:box-shadow .15s;display:flex}.stat-card:hover{box-shadow:var(--shadow-sm)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-icon-blue{background:var(--primary-light);color:var(--primary)}.stat-icon-green{background:var(--success-light);color:var(--success)}.stat-icon-red{background:var(--danger-light);color:var(--danger)}.stat-icon-amber{background:var(--warning-light);color:var(--warning)}.stat-icon-purple{background:var(--purple-light);color:var(--purple)}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.stat-value{color:var(--text-primary);letter-spacing:-.04em;font-size:2rem;font-weight:700;line-height:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-wrap{width:280px;max-width:100%;position:relative}.search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--surface);outline:none;padding:8px 10px 8px 34px;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00529c1a}.page-size-group{color:var(--text-secondary);align-items:center;gap:4px;font-size:.8rem;display:flex}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:.8125rem;font-weight:500;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-sm)}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn-danger{background:var(--danger-light);color:var(--danger);border-color:#fecaca}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.btn-purple{background:var(--purple-light);color:var(--purple);border-color:#ddd6fe}.btn-purple:hover:not(:disabled){background:var(--purple);color:#fff}.btn-icon{border-radius:var(--radius-sm);border-color:var(--border);color:var(--text-secondary);background:0 0;padding:7px}.btn-icon:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn-sm{padding:5px 10px;font-size:.75rem}.btn-xs{padding:4px 8px;font-size:.75rem}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead tr{background:var(--surface-2)}.data-table th{text-align:left;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-size:.7rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-primary);padding:13px 16px;font-size:.875rem}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--surface-2)}.table-empty{text-align:center;color:var(--text-tertiary);padding:48px 20px;font-size:.875rem}.td-name{color:var(--text-primary);font-weight:600}.td-email{color:var(--text-secondary);font-size:.8125rem}.td-mono{font-family:var(--font-mono);color:var(--text-secondary);font-size:.8rem}.td-muted{color:var(--text-tertiary);font-size:.8125rem}.dl-count{color:var(--primary);font-weight:600}.installed-label{color:var(--success);align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:flex}.installed-date{color:var(--text-tertiary);font-size:.78rem;font-family:var(--font-mono);margin-top:1px}.action-cell{justify-content:flex-end;align-items:center;gap:6px;display:flex}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.68rem;font-weight:600;display:inline-flex}.badge-active{background:var(--success-light);color:var(--success);border:1px solid #a7f3d0}.badge-revoked{background:var(--danger-light);color:var(--danger);border:1px solid #fecaca}.badge-used{background:var(--warning-light);color:var(--warning);border:1px solid #fde68a}.device-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:1px;max-width:220px;margin-top:4px;padding:5px 9px;display:inline-flex}.device-chip-type{color:var(--primary);align-items:center;gap:4px;font-size:.68rem;font-weight:600;display:flex}.device-chip-type.ios{color:var(--text-primary)}.device-chip-type.android{color:var(--success)}.device-chip-type.pc{color:var(--text-secondary)}.device-chip-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.device-chip-meta{color:var(--text-tertiary);font-size:.65rem}.pagination-bar{border-top:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.pagination-info{color:var(--text-tertiary);font-size:.78rem}.pagination-controls{align-items:center;gap:3px;display:flex}.pg-ellipsis{color:var(--text-tertiary);padding:0 4px;font-size:.8rem}.form-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--surface);outline:none;margin-bottom:12px;padding:9px 12px;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00529c1a}.alert{border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:12px;padding:12px 16px;font-size:.875rem;font-weight:500;display:flex}.alert-danger{background:var(--danger-light);color:var(--danger);border:1px solid #fecaca}.alert-success{background:var(--success-light);color:var(--success);border:1px solid #a7f3d0}.alert-info{background:var(--primary-light);color:var(--primary);border:1px solid #bfdbfe}.action-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:100;min-width:160px;box-shadow:var(--shadow-lg);flex-direction:column;gap:2px;padding:5px;animation:.15s menuFadeIn;display:flex;position:absolute;top:calc(100% + 6px);right:0}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 11px;font-size:.8125rem;font-weight:500;transition:background .12s;display:flex}.menu-item:hover{background:var(--surface-2)}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger-light)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--text-primary);color:#fff;box-shadow:var(--shadow-xl);border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:.8125rem;font-weight:500;animation:.25s forwards toastSlideUp;display:flex}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(14px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:50;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:560px;box-shadow:var(--shadow-xl);animation:.25s cubic-bezier(.16,1,.3,1) modalEnter;overflow:hidden}@keyframes modalEnter{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 24px;display:flex}.modal-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:3px;font-size:.9375rem;font-weight:700;display:flex}.modal-sub{color:var(--text-tertiary);font-size:.8rem}.modal-body{gap:24px;padding:24px;display:flex}.token-qr-col{flex-direction:column;flex-shrink:0;align-items:center;gap:14px;display:flex}.qr-wrapper{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:12px;display:flex}.token-code-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:.65rem;font-weight:700}.token-code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);letter-spacing:.04em;word-break:break-all;text-align:center;padding:8px 14px;font-size:.9rem;font-weight:600}.token-action-col{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.platform-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);gap:3px;padding:3px;display:flex}.platform-tab{border-radius:calc(var(--radius-sm) - 1px);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.platform-tab.active{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-xs);font-weight:600}.platform-tab-android.active{color:var(--success)}.platform-tab-ios.active{color:var(--purple)}.token-share-hint{color:var(--text-tertiary);margin:0;font-size:.8125rem}.token-share-row{align-items:center;gap:8px;display:flex}.token-expire-note{color:var(--text-tertiary);align-items:center;gap:5px;padding-top:4px;font-size:.75rem;display:flex}.timeout-warn{text-align:center}.timeout-icon{justify-content:center;margin-bottom:12px;display:flex}.timeout-countdown{font-size:2.5rem;font-weight:700;font-family:var(--font-mono);letter-spacing:.04em;margin-bottom:20px;line-height:1}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:380px;box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;gap:16px;padding:40px 36px;display:flex}.login-logo{background:var(--primary-light);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto;display:flex}.login-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.login-sub{color:var(--text-tertiary);margin-top:-8px;font-size:.875rem}.settings-card{max-width:480px;padding:28px}.settings-section-title{color:var(--text-primary);margin-bottom:6px;font-size:.9375rem;font-weight:700}.settings-desc{color:var(--text-tertiary);margin-bottom:20px;font-size:.875rem}.settings-form{flex-direction:column;gap:12px;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (width<=1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;width:100%;height:auto;position:relative}.app-shell{flex-direction:column}.main-content{margin-left:0;padding:16px}.sidebar-nav{flex-direction:row;gap:4px;padding:6px 10px}.stat-grid{grid-template-columns:repeat(2,1fr)}.modal-body{flex-direction:column}.token-qr-col{align-items:center}}@media (width<=480px){.stat-grid{grid-template-columns:1fr 1fr}}.details-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:1.5rem 0;padding:0;overflow:hidden}.details-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.details-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.details-value{color:var(--text);text-align:right;word-break:break-all;margin-left:1rem;font-size:.95rem;font-weight:600}@media (width<=480px){.details-row{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem 1rem}.details-value{text-align:left;margin-left:0}}