@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--ds-bg-primary: #1a1d2e;--ds-bg-secondary: #252836;--ds-bg-tertiary: #2d303e;--ds-bg-input: #3d4054;--ds-bg-premium: #1e293b;--ds-bg-premium-dark: #0f172a;--ds-accent-blue: #3b82f6;--ds-accent-blue-hover: #60a5fa;--ds-text-primary: #ffffff;--ds-text-secondary: #a0a3bd;--ds-text-tertiary: #6c6f8b;--ds-text-muted: #4a4d63;--ds-primary: #3dd598;--ds-primary-hover: #2ec689;--ds-primary-glow: rgba(61, 213, 152, .3);--ds-secondary: #4c9aff;--ds-secondary-hover: #3d8aef;--ds-success: #3dd598;--ds-warning: #ffc107;--ds-error: #ff4466;--ds-info: #4c9aff;--ds-border-subtle: #2d303e;--ds-border-default: #3d4054;--ds-border-emphasis: #4a4d63;--ds-space-xs: 4px;--ds-space-sm: 8px;--ds-space-md: 12px;--ds-space-base: 16px;--ds-space-lg: 24px;--ds-space-xl: 32px;--ds-space-2xl: 40px;--ds-space-3xl: 48px;--ds-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-font-xs: 12px;--ds-font-sm: 14px;--ds-font-base: 16px;--ds-font-lg: 18px;--ds-font-xl: 20px;--ds-font-2xl: 24px;--ds-font-3xl: 30px;--ds-font-normal: 400;--ds-font-medium: 500;--ds-font-semibold: 600;--ds-font-bold: 700;--ds-radius-sm: 4px;--ds-radius-base: 8px;--ds-radius-md: 12px;--ds-radius-lg: 16px;--ds-radius-xl: 20px;--ds-radius-full: 9999px;--ds-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--ds-shadow-base: 0 2px 8px 0 rgba(0, 0, 0, .3);--ds-shadow-md: 0 4px 16px 0 rgba(0, 0, 0, .35);--ds-shadow-lg: 0 8px 24px 0 rgba(0, 0, 0, .4);--ds-shadow-xl: 0 16px 48px 0 rgba(0, 0, 0, .5);--ds-z-sidebar: 20;--ds-z-topbar: 10;--ds-z-overlay: 1000;--ds-z-backdrop: 15;--ds-transition-base: .2s ease;--ds-transition-slow: .3s ease}:root[data-theme=light]{--ds-bg-primary: #f5f7fb;--ds-bg-secondary: #ffffff;--ds-bg-tertiary: #f1f3f9;--ds-bg-input: #ffffff;--ds-text-primary: #0f172a;--ds-text-secondary: #475569;--ds-text-tertiary: #64748b;--ds-text-muted: #94a3b8;--ds-border-subtle: #e2e8f0;--ds-border-default: #cbd5e1;--ds-border-emphasis: #94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ds-font-family);font-size:var(--ds-font-base);color:var(--ds-text-primary);background:var(--ds-bg-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font-family:inherit}.ds-btn{display:inline-flex;align-items:center;gap:var(--ds-space-sm);padding:var(--ds-space-md) var(--ds-space-lg);font-size:var(--ds-font-sm);font-weight:var(--ds-font-medium);border:none;border-radius:var(--ds-radius-base);cursor:pointer;transition:all .2s ease;font-family:var(--ds-font-family)}.ds-btn-primary{background:var(--ds-primary);color:#fff}.ds-btn-primary:hover{background:var(--ds-primary-hover);box-shadow:0 0 20px var(--ds-primary-glow)}.ds-btn-secondary{background:transparent;color:var(--ds-text-secondary);border:1px solid var(--ds-border-default)}.ds-btn-secondary:hover{border-color:var(--ds-border-emphasis);color:var(--ds-text-primary);background:var(--ds-bg-tertiary)}.ds-card{background:var(--ds-bg-secondary);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-base);overflow:hidden}.ds-card-padding{padding:var(--ds-space-lg)}.ds-input{width:100%;padding:var(--ds-space-md) var(--ds-space-base);background:var(--ds-bg-input);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-base);color:var(--ds-text-primary);font-size:var(--ds-font-sm);font-family:var(--ds-font-family);transition:all .2s ease}.ds-input:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px #3dd59826}.ds-input::-moz-placeholder{color:var(--ds-text-tertiary)}.ds-input::placeholder{color:var(--ds-text-tertiary)}.ds-badge{display:inline-flex;align-items:center;padding:var(--ds-space-xs) var(--ds-space-md);font-size:var(--ds-font-xs);font-weight:var(--ds-font-medium);border-radius:var(--ds-radius-full);text-transform:capitalize}.ds-badge-success{background:rgba(61,213,152,.15);color:var(--ds-success)}.ds-badge-warning{background:rgba(255,193,7,.15);color:var(--ds-warning)}.ds-badge-error{background:rgba(255,68,102,.15);color:var(--ds-error)}.ds-table{width:100%;border-collapse:collapse}.ds-table thead{background:var(--ds-bg-tertiary)}.ds-table th{padding:var(--ds-space-base);text-align:left;font-size:var(--ds-font-xs);font-weight:var(--ds-font-semibold);color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.05em}.ds-table td{padding:var(--ds-space-base);font-size:var(--ds-font-sm);color:var(--ds-text-primary);border-bottom:1px solid var(--ds-border-subtle)}.ds-table tbody tr:hover{background:var(--ds-bg-tertiary)}.ds-table-premium-container{flex:1;overflow-y:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.2) transparent}.ds-table-premium-container::-webkit-scrollbar{width:8px;height:8px}.ds-table-premium-container::-webkit-scrollbar-track{background:rgba(15,23,42,.1)}.ds-table-premium-container::-webkit-scrollbar-thumb{background:rgba(59,130,246,.2);border-radius:4px}.ds-table-premium-container::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.4)}.ds-table-premium{width:100%;border-collapse:separate;border-spacing:0}.ds-table-premium th{background:var(--ds-bg-premium);padding:var(--ds-space-base);font-size:11px;font-weight:var(--ds-font-semibold);color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--ds-border-subtle);position:sticky;top:0;z-index:20}.ds-table-premium td{padding:var(--ds-space-base);border-bottom:1px solid var(--ds-border-subtle);vertical-align:middle;color:var(--ds-text-primary)}.ds-table-premium tr{transition:background var(--ds-transition-base)}.ds-table-premium tr:hover{background:rgba(59,130,246,.05)}.ds-table-thumb{width:50px;height:50px;border-radius:var(--ds-radius-base);-o-object-fit:cover;object-fit:cover;border:1px solid var(--ds-border-default);background:var(--ds-bg-premium-dark)}.ds-table-action-btn{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:var(--ds-accent-blue-hover);padding:6px 14px;border-radius:var(--ds-radius-base);font-size:var(--ds-font-sm);font-weight:var(--ds-font-bold);cursor:pointer;transition:all var(--ds-transition-base)}.ds-table-premium tr:hover .ds-table-action-btn{background:var(--ds-accent-blue);border-color:var(--ds-accent-blue);color:#fff}.ds-nav{background:var(--ds-bg-secondary);border-bottom:1px solid var(--ds-border-subtle)}.ds-nav-item{display:flex;align-items:center;gap:var(--ds-space-md);padding:var(--ds-space-md) var(--ds-space-base);color:var(--ds-text-secondary);text-decoration:none;border-radius:var(--ds-radius-base);transition:all .2s ease}.ds-nav-item:hover{background:var(--ds-bg-tertiary);color:var(--ds-text-primary)}.ds-nav-item.active{background:var(--ds-primary);color:#fff}.ds-container{max-width:1200px;margin:0 auto;padding:0 var(--ds-space-lg)}.ds-grid{display:grid;gap:var(--ds-space-lg)}.ds-grid-2{grid-template-columns:repeat(2,1fr)}.ds-grid-3{grid-template-columns:repeat(3,1fr)}.ds-grid-4{grid-template-columns:repeat(4,1fr)}.ds-grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.ds-text-center{text-align:center}.ds-text-left{text-align:left}.ds-text-right{text-align:right}.ds-flex{display:flex}.ds-flex-col{flex-direction:column}.ds-items-center{align-items:center}.ds-justify-center{justify-content:center}.ds-justify-between{justify-content:space-between}.ds-gap-sm{gap:var(--ds-space-sm)}.ds-gap-md{gap:var(--ds-space-md)}.ds-gap-lg{gap:var(--ds-space-lg)}.ds-p-sm{padding:var(--ds-space-sm)}.ds-p-md{padding:var(--ds-space-md)}.ds-p-lg{padding:var(--ds-space-lg)}.ds-m-sm{margin:var(--ds-space-sm)}.ds-m-md{margin:var(--ds-space-md)}.ds-m-lg{margin:var(--ds-space-lg)}.ds-mb-sm{margin-bottom:var(--ds-space-sm)}.ds-mb-md{margin-bottom:var(--ds-space-md)}.ds-mb-lg{margin-bottom:var(--ds-space-lg)}.ds-mt-sm{margin-top:var(--ds-space-sm)}.ds-mt-md{margin-top:var(--ds-space-md)}.ds-mt-lg{margin-top:var(--ds-space-lg)}@media (max-width: 1024px){:root{--ds-font-3xl: 26px;--ds-font-2xl: 22px;--ds-font-xl: 18px;--ds-space-lg: 20px;--ds-space-xl: 24px;--ds-space-3xl: 36px}}@media (max-width: 768px){:root{--ds-font-3xl: 22px;--ds-font-2xl: 20px;--ds-font-xl: 17px;--ds-space-lg: 16px;--ds-space-xl: 20px;--ds-space-3xl: 28px}.ds-grid,.ds-grid-2,.ds-grid-3,.ds-grid-4{grid-template-columns:1fr!important;gap:var(--ds-space-md)}.ds-container{padding:0 var(--ds-space-base)}.ds-content{padding:var(--ds-space-md)!important}.ds-card-padding{padding:var(--ds-space-base)}.ds-table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--ds-space-md)}.ds-table-responsive .ds-table{min-width:600px}.ds-desktop-only{display:none!important}.ds-mobile-only{display:block!important}}@media (min-width: 769px){.ds-desktop-only{display:block!important}.ds-mobile-only{display:none!important}}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px}.ds-loading{display:inline-block;width:20px;height:20px;border:2px solid var(--ds-border-default);border-radius:50%;border-top-color:var(--ds-primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.ds-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.ds-modal{background:var(--ds-bg-secondary);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-xl);padding:var(--ds-space-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.ds-modal-premium-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-overlay);padding:var(--ds-space-lg)}.ds-modal-premium{background:var(--ds-bg-premium);border:1px solid rgba(255,255,255,.1);border-radius:var(--ds-radius-lg);width:100%;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--ds-shadow-xl);color:var(--ds-text-primary);overflow:hidden}.ds-modal-premium-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-lg);border-bottom:1px solid rgba(255,255,255,.1)}.ds-modal-premium-header h2{margin:0;font-size:var(--ds-font-xl);font-weight:var(--ds-font-semibold);background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.ds-modal-premium-close{background:rgba(255,255,255,.05);border:none;font-size:24px;cursor:pointer;color:var(--ds-text-tertiary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-base);transition:all var(--ds-transition-base)}.ds-modal-premium-close:hover{background:rgba(255,68,102,.1);color:var(--ds-error)}.ds-modal-premium-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.ds-modal-premium-footer{flex-shrink:0;padding:var(--ds-space-lg);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}[x-cloak]{display:none!important}#app{min-height:100vh;background:var(--ds-bg-primary)}body{margin:0;padding:0;background:var(--ds-bg-primary)!important;color:var(--ds-text-primary)!important}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}