@keyframes ar-spin{to{transform:rotate(360deg)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1024px){.ar-sidebar{width:240px}.ar-main{margin-left:240px}}@media (width<=768px){.ar-sidebar{width:280px;transition:transform .3s;transform:translate(-100%)}.ar-sidebar--open{transform:translate(0)}.ar-main{margin-left:0;padding:16px}.ar-grid--2,.ar-grid--3,.ar-grid--4{grid-template-columns:1fr}.ar-dashboard{grid-template-columns:repeat(2,1fr)}.ar-feature-card{flex-direction:column;align-items:flex-start}.ar-feature-actions{flex-direction:row;width:100%;min-width:auto}.ar-header{flex-direction:column;align-items:flex-start;gap:16px}.ar-table{white-space:nowrap;display:block;overflow-x:auto}.ar-stat-card{padding:16px}.ar-stat-value{font-size:24px}}@media (width<=480px){.ar-dashboard{grid-template-columns:1fr}.ar-main{padding:12px}.ar-header-title{font-size:20px}.ar-btn{width:100%}.ar-mobile-menu-btn{z-index:101;border:1px solid var(--ar-border);width:40px;height:40px;box-shadow:var(--ar-shadow);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed;top:16px;left:16px}}@media (width<=768px){.ar-settings-grid,.ar-stats-grid{grid-template-columns:1fr}.ar-key-display,.ar-button-group{flex-direction:column}.ar-button-group .ar-btn{width:100%}}.ar-tab:hover:after,.ar-tab--active:after{width:100%}@keyframes cardEnter{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body,.ar-main{background:#f3f4f6!important}:root{--ar-bg:#fff;--ar-surface:#fff;--ar-surface-hover:#f9fafb;--ar-sidebar-bg:#fff;--ar-primary:#3b82f6;--ar-primary-dark:#2563eb;--ar-primary-light:#dbeafe;--ar-primary-subtle:#eff6ff;--ar-text:#111827;--ar-text-secondary:#6b7280;--ar-text-muted:#9ca3af;--ar-text-inverse:#fff;--ar-border:#e5e7eb;--ar-border-light:#f3f4f6;--ar-success:#10b981;--ar-warning:#f59e0b;--ar-error:#ef4444;--ar-shadow-sm:0 1px 2px 0 #0000000d;--ar-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--ar-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--ar-font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ar-text-xs:12px;--ar-text-sm:14px;--ar-text-base:16px;--ar-text-lg:18px;--ar-text-xl:22px;--ar-text-2xl:28px;--ar-space-1:6px;--ar-space-2:12px;--ar-space-3:16px;--ar-space-4:24px;--ar-space-5:32px;--ar-space-6:40px;--ar-radius-sm:6px;--ar-radius:8px;--ar-radius-lg:12px;--ar-radius-xl:16px;--ar-radius-full:9999px;--ar-transition:.15s ease}.ar-layout{background:var(--ar-bg);min-height:100vh;display:flex}.ar-sidebar{z-index:100;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:280px;height:100vh;display:flex;position:fixed;box-shadow:4px 0 24px #00000014}.ar-sidebar-header{padding:var(--ar-space-4) var(--ar-space-5);border-bottom:1px solid var(--ar-border)}.ar-logo{align-items:center;gap:var(--ar-space-3);color:var(--ar-text);font-size:20px;font-weight:700;text-decoration:none;display:flex}.ar-logo-icon{background:var(--ar-primary);border-radius:var(--ar-radius);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.ar-nav{padding:var(--ar-space-3);gap:var(--ar-space-1);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.ar-nav-item{align-items:center;gap:var(--ar-space-3);padding:14px var(--ar-space-3);border-radius:var(--ar-radius);color:#6b7280;transition:all var(--ar-transition);border:1px solid #0000;font-size:15px;font-weight:500;text-decoration:none;display:flex}.ar-nav-item:hover{color:#111827;background:#f3f4f6;border-color:#e5e7eb}.ar-nav-item.active{color:#3b82f6;background:#eff6ff;border-color:#dbeafe;font-weight:600}.ar-main{padding:var(--ar-space-5) var(--ar-space-6);flex:1;max-width:calc(100vw - 240px);margin-left:280px}.ar-header{margin-bottom:var(--ar-space-6);justify-content:space-between;align-items:center;display:flex}.ar-header-title{font-size:var(--ar-text-2xl);color:var(--ar-text);font-weight:600}.ar-header-subtitle{font-size:var(--ar-text-sm);color:var(--ar-text-secondary);margin-top:var(--ar-space-1)}.ar-dashboard{gap:var(--ar-space-4);margin-bottom:var(--ar-space-6);grid-template-columns:repeat(4,1fr);display:grid}.ar-stat-card{background:var(--ar-surface);border:1px solid var(--ar-border);border-radius:var(--ar-radius-lg);padding:var(--ar-space-5);transition:all var(--ar-transition)}.ar-stat-card:hover{border-color:#d1d5db}.ar-stat-header{margin-bottom:var(--ar-space-2);justify-content:space-between;align-items:flex-start;display:flex}.ar-stat-label{font-size:var(--ar-text-sm);color:var(--ar-text-secondary)}.ar-stat-icon{justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;display:flex}.ar-stat-value{font-size:var(--ar-text-xl);color:var(--ar-text);margin-bottom:var(--ar-space-1);font-weight:600}.ar-stat-sublabel{font-size:var(--ar-text-xs);color:var(--ar-text-muted)}.ar-feature-card{background:var(--ar-surface);border:1px solid var(--ar-border);border-radius:var(--ar-radius-lg);padding:var(--ar-space-5);margin-bottom:var(--ar-space-6);gap:var(--ar-space-5);display:flex}.ar-feature-icon{border-radius:var(--ar-radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.ar-feature-content{flex:1}.ar-feature-title{align-items:center;gap:var(--ar-space-2);font-size:var(--ar-text-lg);color:var(--ar-text);margin-bottom:var(--ar-space-2);font-weight:600;display:flex}.ar-feature-badge{color:#be185d;border-radius:var(--ar-radius-full);text-transform:uppercase;background:#fce7f3;padding:2px 8px;font-size:10px;font-weight:600}.ar-feature-description{font-size:var(--ar-text-sm);color:var(--ar-text-secondary);margin-bottom:var(--ar-space-3);line-height:1.5}.ar-feature-tags{gap:var(--ar-space-2);flex-wrap:wrap;display:flex}.ar-feature-tag{align-items:center;gap:var(--ar-space-1);padding:var(--ar-space-1) var(--ar-space-2);background:var(--ar-border-light);border-radius:var(--ar-radius);font-size:var(--ar-text-xs);color:var(--ar-text-secondary);display:flex}.ar-feature-actions{gap:var(--ar-space-3);flex-direction:column;min-width:200px;display:flex}.ar-btn{justify-content:center;align-items:center;gap:var(--ar-space-2);padding:var(--ar-space-2) var(--ar-space-4);border-radius:var(--ar-radius-lg);font-size:var(--ar-text-sm);cursor:pointer;transition:all var(--ar-transition);white-space:nowrap;border:none;min-height:36px;font-weight:500;text-decoration:none;display:inline-flex}.ar-btn:disabled{opacity:.5;cursor:not-allowed}.ar-btn--primary{background:var(--ar-primary);color:#fff}.ar-btn--primary:hover:not(:disabled){background:var(--ar-primary-dark)}.ar-btn--secondary{background:var(--ar-surface);color:var(--ar-text);border:1px solid var(--ar-border)}.ar-btn--secondary:hover:not(:disabled){background:var(--ar-surface-hover);border-color:#d1d5db}.ar-btn--ghost{color:var(--ar-text-secondary);background:0 0}.ar-btn--ghost:hover:not(:disabled){background:var(--ar-surface-hover);color:var(--ar-text)}.ar-btn--sm{padding:var(--ar-space-1) var(--ar-space-2);font-size:var(--ar-text-xs);min-height:28px}.ar-btn--loading{position:relative;color:#0000!important}.ar-btn--loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite ar-spin;position:absolute}.ar-card{background:var(--ar-surface);border:1px solid var(--ar-border);border-radius:var(--ar-radius-lg);transition:all var(--ar-transition)}.ar-card:hover{border-color:#d1d5db}.ar-card--interactive{cursor:pointer}.ar-card--interactive:hover{border-color:var(--ar-primary)}.ar-card__header{padding:var(--ar-space-4);border-bottom:1px solid var(--ar-border-light);justify-content:space-between;align-items:center;display:flex}.ar-card__body{padding:var(--ar-space-4)}.ar-input{width:100%;padding:var(--ar-space-2) var(--ar-space-3);border:1px solid var(--ar-border);border-radius:var(--ar-radius-lg);font-size:var(--ar-text-sm);font-family:var(--ar-font-sans);background:var(--ar-surface);color:var(--ar-text);transition:all var(--ar-transition);min-height:36px}.ar-badge{align-items:center;gap:var(--ar-space-1);border-radius:var(--ar-radius-full);font-size:var(--ar-text-xs);padding:2px 8px;font-weight:500;display:inline-flex}.ar-badge--primary{background:var(--ar-primary-subtle);color:var(--ar-primary)}.ar-badge--success{color:#065f46;background:#d1fae5}.ar-badge--warning{color:#92400e;background:#fef3c7}.ar-badge--error{color:#991b1b;background:#fee2e2}.ar-badge--neutral{background:var(--ar-border-light);color:var(--ar-text-secondary)}.ar-grid{gap:var(--ar-space-4);display:grid}.ar-grid--2{grid-template-columns:repeat(2,1fr)}.ar-grid--3{grid-template-columns:repeat(3,1fr)}.ar-grid--4{grid-template-columns:repeat(4,1fr)}.ar-table th{text-align:left;padding:var(--ar-space-3) var(--ar-space-4);color:var(--ar-text-secondary);border-bottom:1px solid var(--ar-border);font-weight:500;font-size:var(--ar-text-xs)}.ar-table tr:hover td{background:var(--ar-surface-hover)}.ar-empty{padding:var(--ar-space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.ar-empty-icon{width:48px;height:48px;margin-bottom:var(--ar-space-3);opacity:.5}.ar-empty-title{font-size:var(--ar-text-sm);color:var(--ar-text-secondary);margin-bottom:var(--ar-space-1)}.ar-empty-text{font-size:var(--ar-text-xs);color:var(--ar-text-muted)}.ar-flex{display:flex}.ar-flex-col{flex-direction:column}.ar-items-center{align-items:center}.ar-justify-between{justify-content:space-between}.ar-gap-2{gap:var(--ar-space-2)}.ar-gap-3{gap:var(--ar-space-3)}.ar-gap-4{gap:var(--ar-space-4)}.ar-text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=1024px){.ar-sidebar{width:240px}.ar-main{margin-left:240px}}@media (width<=768px){.ar-sidebar{width:280px;transition:transform .3s;transform:translate(-100%)}.ar-sidebar--open{transform:translate(0)}.ar-main{margin-left:0;padding:16px}.ar-grid--2,.ar-grid--3,.ar-grid--4{grid-template-columns:1fr}.ar-dashboard{grid-template-columns:repeat(2,1fr)}.ar-feature-card{flex-direction:column;align-items:flex-start}.ar-feature-actions{flex-direction:row;width:100%;min-width:auto}.ar-header{flex-direction:column;align-items:flex-start;gap:16px}.ar-table{white-space:nowrap;display:block;overflow-x:auto}.ar-stat-card{padding:16px}.ar-stat-value{font-size:24px}}@media (width<=480px){.ar-dashboard{grid-template-columns:1fr}.ar-main{padding:12px}.ar-header-title{font-size:20px}.ar-btn{width:100%}.ar-mobile-menu-btn{z-index:101;border:1px solid var(--ar-border);width:40px;height:40px;box-shadow:var(--ar-shadow);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed;top:16px;left:16px}}.ar-tabs{gap:var(--ar-space-1);border-bottom:1px solid var(--ar-border);margin-bottom:var(--ar-space-6);display:flex}.ar-tab{padding:var(--ar-space-2) var(--ar-space-4);font-size:var(--ar-text-sm);color:var(--ar-text-secondary);cursor:pointer;transition:all var(--ar-transition);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500}.ar-tab:hover{color:var(--ar-text)}.ar-tab--active{color:var(--ar-primary);border-bottom-color:var(--ar-primary)}.ar-settings-grid{gap:var(--ar-space-5);grid-template-columns:repeat(2,1fr);display:grid}.ar-settings-card{background:var(--ar-surface);border:1px solid var(--ar-border);border-radius:var(--ar-radius-lg);overflow:hidden}.ar-settings-card--wide{grid-column:1/-1}.ar-card-header{align-items:center;gap:var(--ar-space-3);padding:var(--ar-space-4) var(--ar-space-5);border-bottom:1px solid var(--ar-border);display:flex}.ar-card-icon{border-radius:var(--ar-radius);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.ar-card-icon--primary{background:var(--ar-primary-subtle)}.ar-card-icon--info{background:#e0f2fe}.ar-card-icon--success{background:#d1fae5}.ar-card-title-section{flex:1;min-width:0}.ar-card-title{font-size:var(--ar-text-base);color:var(--ar-text);margin:0 0 4px;font-weight:600}.ar-card-subtitle{font-size:var(--ar-text-sm);color:var(--ar-text-secondary);margin:0}.ar-card-body{padding:var(--ar-space-5);gap:var(--ar-space-4);flex-direction:column;display:flex}.ar-form-group{gap:var(--ar-space-1);flex-direction:column;display:flex}.ar-label{font-size:var(--ar-text-sm);color:var(--ar-text);font-weight:500}.ar-input-wrapper{position:relative}.ar-input{width:100%;padding:var(--ar-space-2) var(--ar-space-3);border:1px solid var(--ar-border);border-radius:var(--ar-radius);font-size:var(--ar-text-sm);background:var(--ar-surface);color:var(--ar-text);transition:all var(--ar-transition)}.ar-input:focus{border-color:var(--ar-primary);box-shadow:0 0 0 3px var(--ar-primary-subtle);outline:none}.ar-input--mono{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.ar-input-toggle{color:var(--ar-primary);font-size:var(--ar-text-sm);cursor:pointer;background:0 0;border:none;font-weight:500;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ar-hint{font-size:var(--ar-text-xs);color:var(--ar-text-muted);margin:0}.ar-button-group{gap:var(--ar-space-2);flex-wrap:wrap;display:flex}.ar-alert{padding:var(--ar-space-3);border-radius:var(--ar-radius);font-size:var(--ar-text-sm)}.ar-alert--success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.ar-alert--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.ar-alert-title{margin-bottom:var(--ar-space-2);font-weight:600}.ar-alert-text{margin:var(--ar-space-2) 0 0 0;font-size:var(--ar-text-xs)}.ar-key-display{gap:var(--ar-space-2);margin-top:var(--ar-space-2);display:flex}.ar-list{padding-left:var(--ar-space-5);color:var(--ar-text-secondary);font-size:var(--ar-text-sm);margin:0;line-height:1.8}.ar-link{color:var(--ar-primary);text-decoration:none}.ar-link:hover{text-decoration:underline}.ar-tip{padding:var(--ar-space-3);background:var(--ar-surface-hover);border-radius:var(--ar-radius);font-size:var(--ar-text-sm);color:var(--ar-text-secondary)}.ar-balance{padding:var(--ar-space-2) var(--ar-space-4);background:var(--ar-primary-subtle);color:var(--ar-primary);border-radius:var(--ar-radius-full);font-size:var(--ar-text-xl);font-weight:700}.ar-stats-grid{gap:var(--ar-space-4);grid-template-columns:repeat(3,1fr);display:grid}.ar-stat-box{padding:var(--ar-space-4);background:var(--ar-surface-hover);border-radius:var(--ar-radius);text-align:center}.ar-stat-box-value{font-size:var(--ar-text-xl);color:var(--ar-primary);margin-bottom:var(--ar-space-1);font-weight:700}.ar-stat-box-label{font-size:var(--ar-text-xs);color:var(--ar-text-secondary)}.ar-center{text-align:center}.ar-section{margin-top:var(--ar-space-4)}.ar-section-title{font-size:var(--ar-text-base);color:var(--ar-text);margin:0 0 var(--ar-space-3) 0;font-weight:600}.ar-table-wrapper{overflow-x:auto}.ar-table{border-collapse:collapse;width:100%;font-size:var(--ar-text-sm)}.ar-table th{text-align:left;padding:var(--ar-space-2) var(--ar-space-3);border-bottom:2px solid var(--ar-border);color:var(--ar-text);font-weight:600}.ar-table td{padding:var(--ar-space-2) var(--ar-space-3);border-bottom:1px solid var(--ar-border-light);color:var(--ar-text-secondary)}.ar-text-right{text-align:right}.ar-text-success{color:var(--ar-success)}.ar-text-error{color:var(--ar-error)}.ar-empty{padding:var(--ar-space-6);text-align:center;color:var(--ar-text-muted);background:var(--ar-surface-hover);border-radius:var(--ar-radius)}.ar-content{max-width:1200px}@media (width<=768px){.ar-settings-grid,.ar-stats-grid{grid-template-columns:1fr}.ar-key-display,.ar-button-group{flex-direction:column}.ar-button-group .ar-btn{width:100%}}.ar-stat-card-hover{cursor:pointer;background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.ar-stat-card-hover:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px -12px #00000026}.ar-feature-card-hover{background:#fff;border:1px solid #f3f4f6;border-radius:20px;gap:24px;margin-bottom:24px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.ar-feature-card-hover:hover{transform:translateY(-6px);box-shadow:0 25px 50px -12px #0000001f}.ar-feature-card-hover:hover .feature-icon-hover{transform:scale(1.1)rotate(5deg)}.ar-pulse-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.ar-pulse-btn:hover{transform:scale(1.05)}.ar-pulse-btn:active{transform:scale(.95)}.ar-pulse-btn--primary{color:#fff;background:#3b82f6;box-shadow:0 4px 14px #3b82f659}.ar-pulse-btn--primary:hover{background:#2563eb;box-shadow:0 6px 20px #3b82f673}.ar-pulse-btn--secondary{color:#374151;background:#fff;border:1px solid #e5e7eb}.ar-pulse-btn--secondary:hover{background:#f9fafb;border-color:#d1d5db}.ar-pulse-btn--danger{color:#fff;background:#ef4444}.ar-pulse-btn--danger:hover{background:#dc2626}.ar-table-hover tr{transition:background .15s}.ar-tab{position:relative;overflow:hidden}.ar-tab:after{content:"";background:#3b82f6;width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ar-tab:hover:after,.ar-tab--active:after{width:100%}.ar-card-animated{animation:.6s cubic-bezier(.4,0,.2,1) forwards cardEnter}.ar-card-animated:first-child{animation-delay:0s}.ar-card-animated:nth-child(2){animation-delay:.1s}.ar-card-animated:nth-child(3){animation-delay:.2s}.ar-card-animated:nth-child(4){animation-delay:.3s}.ar-card-animated:nth-child(5){animation-delay:.4s}.ar-stat-value-animated{animation:.8s forwards countUp}body,.ar-main{background:#f3f4f6!important}.ar-stat-card-hover,.ar-feature-card-hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.ar-stat-card-hover:hover,.ar-feature-card-hover:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.ar-sidebar{background:#fff!important;box-shadow:4px 0 24px #00000014!important}.ar-card-animated{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.ar-table-hover tr:hover{background:#f3f4f6!important}.ar-input:focus{box-shadow:0 0 0 3px #3b82f626!important}.ar-pulse-btn{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.ar-pulse-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}:root{--nb-bg:#faf8f5;--nb-bg-elevated:#fff;--nb-bg-warm:#f5f0e8;--nb-text:#1a1a1a;--nb-text-secondary:#5c5c5c;--nb-text-muted:#8a8a8a;--nb-text-inverse:#fff;--nb-accent:#d97706;--nb-accent-light:#f59e0b;--nb-accent-subtle:#fef3c7;--nb-secondary:#65a30d;--nb-secondary-light:#84cc16;--nb-secondary-subtle:#ecfccb;--nb-success:#22c55e;--nb-warning:#f59e0b;--nb-error:#ef4444;--nb-border:#e7e5e4;--nb-border-light:#f5f5f4;--nb-shadow-sm:0 1px 2px 0 #00000008;--nb-shadow:0 4px 6px -1px #0000000a, 0 2px 4px -2px #0000000a;--nb-shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--nb-font-serif:"Georgia", "Times New Roman", serif;--nb-font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nb-text-xs:12px;--nb-text-sm:13px;--nb-text-base:15px;--nb-text-lg:17px;--nb-text-xl:21px;--nb-text-2xl:28px;--nb-text-3xl:36px;--nb-space-1:4px;--nb-space-2:8px;--nb-space-3:12px;--nb-space-4:16px;--nb-space-5:24px;--nb-space-6:32px;--nb-space-8:48px;--nb-space-10:64px;--nb-space-12:80px;--nb-radius-sm:6px;--nb-radius:12px;--nb-radius-lg:16px;--nb-radius-xl:24px;--nb-radius-full:9999px;--nb-transition:.2s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--nb-font-sans);font-size:var(--nb-text-base);background:var(--nb-bg);color:var(--nb-text);-webkit-font-smoothing:antialiased;line-height:1.6}.nb-layout{min-height:100vh;display:flex}.nb-sidebar{background:var(--nb-bg-elevated);border-right:1px solid var(--nb-border);z-index:100;flex-direction:column;width:280px;height:100vh;display:flex;position:fixed}.nb-sidebar-header{padding:var(--nb-space-5);border-bottom:1px solid var(--nb-border)}.nb-logo{align-items:center;gap:var(--nb-space-3);color:var(--nb-text);text-decoration:none;display:flex}.nb-logo-icon{background:linear-gradient(135deg, var(--nb-accent) 0%, var(--nb-accent-light) 100%);border-radius:var(--nb-radius);justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.nb-logo-text{font-family:var(--nb-font-serif);font-size:var(--nb-text-xl);letter-spacing:-.5px;font-weight:600}.nb-nav{padding:var(--nb-space-4);gap:var(--nb-space-1);flex-direction:column;flex:1;display:flex}.nb-nav-item{align-items:center;gap:var(--nb-space-3);padding:var(--nb-space-3) var(--nb-space-4);border-radius:var(--nb-radius);color:var(--nb-text-secondary);font-size:var(--nb-text-base);transition:all var(--nb-transition);text-decoration:none;display:flex}.nb-nav-item:hover{background:var(--nb-bg-warm);color:var(--nb-text)}.nb-nav-item.active{background:var(--nb-accent-subtle);color:var(--nb-accent);font-weight:500}.nb-nav-item svg{opacity:.7;width:20px;height:20px}.nb-sidebar-footer{padding:var(--nb-space-4);border-top:1px solid var(--nb-border)}.nb-main{padding:var(--nb-space-6) var(--nb-space-8);flex:1;max-width:1200px;margin-left:280px}@media (width<=768px){.nb-sidebar{transform:translate(-100%)}.nb-main{padding:var(--nb-space-5);margin-left:0}}.nb-title{font-family:var(--nb-font-serif);font-size:var(--nb-text-3xl);color:var(--nb-text);margin-bottom:var(--nb-space-2);font-weight:400;line-height:1.2}.nb-subtitle{font-size:var(--nb-text-lg);color:var(--nb-text-secondary);margin-bottom:var(--nb-space-6)}.nb-heading{font-family:var(--nb-font-serif);font-size:var(--nb-text-2xl);margin-bottom:var(--nb-space-4);font-weight:400}.nb-text{font-size:var(--nb-text-base);color:var(--nb-text-secondary);line-height:1.7}.nb-text-small{font-size:var(--nb-text-sm);color:var(--nb-text-muted)}.nb-card{background:var(--nb-bg-elevated);border-radius:var(--nb-radius-lg);box-shadow:var(--nb-shadow);transition:all var(--nb-transition);overflow:hidden}.nb-card:hover{box-shadow:var(--nb-shadow-lg);transform:translateY(-2px)}.nb-card--interactive{cursor:pointer}.nb-card--interactive:hover{box-shadow:var(--nb-shadow-lg), 0 0 0 1px var(--nb-accent-subtle)}.nb-card-header{padding:var(--nb-space-5);border-bottom:1px solid var(--nb-border-light)}.nb-card-body{padding:var(--nb-space-5)}.nb-card-footer{padding:var(--nb-space-4) var(--nb-space-5);background:var(--nb-bg-warm);border-top:1px solid var(--nb-border-light)}.nb-btn{justify-content:center;align-items:center;gap:var(--nb-space-2);padding:var(--nb-space-3) var(--nb-space-5);border-radius:var(--nb-radius);font-size:var(--nb-text-base);cursor:pointer;transition:all var(--nb-transition);border:none;min-height:44px;font-weight:500;display:inline-flex}.nb-btn:focus-visible{box-shadow:0 0 0 2px var(--nb-accent-light), 0 0 0 4px var(--nb-accent-subtle);outline:none}.nb-btn--primary{background:var(--nb-accent);color:var(--nb-text-inverse)}.nb-btn--primary:hover:not(:disabled){background:var(--nb-accent-light);box-shadow:var(--nb-shadow);transform:translateY(-1px)}.nb-btn--secondary{background:var(--nb-bg-warm);color:var(--nb-text)}.nb-btn--secondary:hover:not(:disabled){background:var(--nb-border)}.nb-btn--ghost{color:var(--nb-text-secondary);background:0 0}.nb-btn--ghost:hover:not(:disabled){background:var(--nb-bg-warm);color:var(--nb-text)}.nb-btn--danger{background:var(--nb-error);color:var(--nb-text-inverse)}.nb-btn--danger:hover:not(:disabled){background:#dc2626}.nb-btn:disabled{opacity:.5;cursor:not-allowed}.nb-btn--sm{padding:var(--nb-space-2) var(--nb-space-3);font-size:var(--nb-text-sm);min-height:36px}.nb-btn--lg{padding:var(--nb-space-4) var(--nb-space-6);font-size:var(--nb-text-lg);min-height:52px}.nb-btn--loading{position:relative;color:#0000!important}.nb-btn--loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite nb-spin;position:absolute}@keyframes nb-spin{to{transform:rotate(360deg)}}@keyframes nb-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.nb-input{width:100%;padding:var(--nb-space-3) var(--nb-space-4);border:1px solid var(--nb-border);border-radius:var(--nb-radius);font-size:var(--nb-text-base);font-family:var(--nb-font-sans);background:var(--nb-bg-elevated);color:var(--nb-text);transition:all var(--nb-transition);min-height:44px}.nb-input:focus{border-color:var(--nb-accent);box-shadow:0 0 0 3px var(--nb-accent-subtle);outline:none}.nb-input::placeholder{color:var(--nb-text-muted)}.nb-badge{padding:var(--nb-space-1) var(--nb-space-3);border-radius:var(--nb-radius-full);font-size:var(--nb-text-xs);letter-spacing:.3px;align-items:center;font-weight:500;display:inline-flex}.nb-badge--accent{background:var(--nb-accent-subtle);color:var(--nb-accent)}.nb-badge--secondary{background:var(--nb-secondary-subtle);color:var(--nb-secondary)}.nb-badge--neutral{background:var(--nb-bg-warm);color:var(--nb-text-secondary)}.nb-empty{padding:var(--nb-space-12) var(--nb-space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.nb-empty-icon{background:linear-gradient(135deg, var(--nb-bg-warm) 0%, var(--nb-accent-subtle) 100%);border-radius:var(--nb-radius-xl);width:120px;height:120px;margin-bottom:var(--nb-space-5);justify-content:center;align-items:center;font-size:48px;display:flex}.nb-empty-title{font-family:var(--nb-font-serif);font-size:var(--nb-text-xl);color:var(--nb-text);margin-bottom:var(--nb-space-2)}.nb-empty-text{font-size:var(--nb-text-base);color:var(--nb-text-secondary);max-width:400px;margin-bottom:var(--nb-space-5)}.nb-grid{gap:var(--nb-space-5);display:grid}.nb-grid--2{grid-template-columns:repeat(2,1fr)}.nb-grid--3{grid-template-columns:repeat(3,1fr)}@media (width<=768px){.nb-grid--2,.nb-grid--3{grid-template-columns:1fr}}.nb-modal-overlay{z-index:100;padding:var(--nb-space-4);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nb-modal{background:var(--nb-bg-elevated);border-radius:var(--nb-radius-lg);box-shadow:var(--nb-shadow-lg);width:100%;max-width:600px;max-height:90vh;overflow:auto}.nb-modal__header{padding:var(--nb-space-4) var(--nb-space-5);border-bottom:1px solid var(--nb-border);justify-content:space-between;align-items:center;display:flex}.nb-modal__body{padding:var(--nb-space-5)}.nb-modal__footer{justify-content:flex-end;gap:var(--nb-space-3);padding:var(--nb-space-4) var(--nb-space-5);border-top:1px solid var(--nb-border);background:var(--nb-bg-warm);display:flex}.nb-flex{display:flex}.nb-flex-col{flex-direction:column}.nb-items-center{align-items:center}.nb-justify-between{justify-content:space-between}.nb-gap-2{gap:var(--nb-space-2)}.nb-gap-3{gap:var(--nb-space-3)}.nb-gap-4{gap:var(--nb-space-4)}.nb-mb-2{margin-bottom:var(--nb-space-2)}.nb-mb-3{margin-bottom:var(--nb-space-3)}.nb-mb-4{margin-bottom:var(--nb-space-4)}.nb-text-muted{color:var(--nb-text-muted)}.nb-text-secondary{color:var(--nb-text-secondary)}:root{--af-primary:#6366f1;--af-primary-dark:#4f46e5;--af-primary-light:#818cf8;--af-primary-subtle:#eef2ff;--af-secondary:#8b5cf6;--af-secondary-dark:#7c3aed;--af-secondary-light:#a78bfa;--af-accent:#ec4899;--af-success:#22c55e;--af-warning:#f59e0b;--af-error:#ef4444;--af-info:#3b82f6;--af-bg:#f8fafc;--af-surface:#fff;--af-surface-hover:#f1f5f9;--af-border:#e2e8f0;--af-border-subtle:#f1f5f9;--af-text:#0f172a;--af-text-secondary:#475569;--af-text-muted:#94a3b8;--af-text-inverse:#fff;--af-space-1:4px;--af-space-2:8px;--af-space-3:12px;--af-space-4:16px;--af-space-5:20px;--af-space-6:24px;--af-space-8:32px;--af-space-10:40px;--af-space-12:48px;--af-radius-sm:6px;--af-radius-md:8px;--af-radius-lg:12px;--af-radius-xl:16px;--af-radius-full:9999px;--af-shadow-sm:0 1px 2px 0 #0000000d;--af-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--af-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--af-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--af-font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--af-font-mono:"SF Mono", Monaco, "Cascadia Code", monospace;--af-text-xs:11px;--af-text-sm:13px;--af-text-base:14px;--af-text-lg:16px;--af-text-xl:20px;--af-text-2xl:24px;--af-font-normal:400;--af-font-medium:500;--af-font-semibold:600;--af-font-bold:700;--af-leading-tight:1.25;--af-leading-normal:1.5;--af-leading-relaxed:1.75;--af-transition-fast:.15s ease;--af-transition-normal:.2s ease;--af-transition-slow:.3s ease;--af-z-dropdown:100;--af-z-sticky:200;--af-z-modal:300;--af-z-tooltip:400;--af-z-toast:500}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--af-font-sans);font-size:var(--af-text-base);line-height:var(--af-leading-normal);background:var(--af-bg);color:var(--af-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.af-layout{min-height:100vh;display:flex}.af-sidebar{background:var(--af-surface);border-right:1px solid var(--af-border);z-index:100;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed}.af-sidebar-header{padding:var(--af-space-6);border-bottom:1px solid var(--af-border)}.af-sidebar-logo{align-items:center;gap:var(--af-space-3);color:var(--af-text);text-decoration:none;display:flex}.af-sidebar-logo-icon{background:linear-gradient(135deg, var(--af-primary) 0%, var(--af-secondary) 100%);border-radius:var(--af-radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.af-sidebar-logo-icon svg{color:#fff;width:20px;height:20px}.af-sidebar-nav{padding:var(--af-space-4) var(--af-space-3);gap:var(--af-space-1);flex-direction:column;flex:1;display:flex}.af-nav-link{align-items:center;gap:var(--af-space-3);padding:var(--af-space-3) var(--af-space-4);border-radius:var(--af-radius-md);color:var(--af-text-muted);font-weight:var(--af-font-medium);transition:all var(--af-transition-fast);text-decoration:none;display:flex}.af-nav-link:hover,.af-nav-link.af-active{background:var(--af-bg);color:var(--af-primary)}.af-nav-link svg{width:20px;height:20px}.af-sidebar-footer{padding:var(--af-space-4);border-top:1px solid var(--af-border)}.af-main-content{flex:1;min-height:100vh;margin-left:260px}@media (width<=768px){.af-sidebar{transition:transform var(--af-transition-normal);transform:translate(-100%)}.af-sidebar.af-open{transform:translate(0)}.af-main-content{margin-left:0}}.af-btn{justify-content:center;align-items:center;gap:var(--af-space-2);padding:var(--af-space-3) var(--af-space-4);border-radius:var(--af-radius-md);font-size:var(--af-text-sm);font-weight:var(--af-font-medium);line-height:var(--af-leading-tight);cursor:pointer;transition:all var(--af-transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;min-width:36px;min-height:36px;text-decoration:none;display:inline-flex;position:relative}.af-btn:focus-visible{box-shadow:0 0 0 2px var(--af-primary-light), 0 0 0 4px var(--af-primary-subtle);outline:none}.af-btn:active:not(:disabled){transform:scale(.98)}.af-btn:disabled{opacity:.5;cursor:not-allowed}.af-btn--primary{background:var(--af-primary);color:var(--af-text-inverse)}.af-btn--primary:hover:not(:disabled){background:var(--af-primary-dark);box-shadow:var(--af-shadow-md);transform:translateY(-1px)}.af-btn--secondary{background:var(--af-surface);color:var(--af-text);border:1px solid var(--af-border)}.af-btn--secondary:hover:not(:disabled){background:var(--af-bg);border-color:var(--af-primary);color:var(--af-primary);transform:translateY(-1px)}.af-btn--ghost{color:var(--af-text-secondary);background:0 0}.af-btn--ghost:hover:not(:disabled){background:var(--af-primary-subtle);color:var(--af-primary);transform:translateY(-1px)}.af-btn--danger{background:var(--af-error);color:var(--af-text-inverse)}.af-btn--danger:hover:not(:disabled){box-shadow:var(--af-shadow-md);background:#dc2626}.af-btn--sm{padding:var(--af-space-2) var(--af-space-3);font-size:var(--af-text-xs);min-height:28px}.af-btn--lg{padding:var(--af-space-4) var(--af-space-6);font-size:var(--af-text-base);min-height:44px}.af-btn--loading{position:relative;color:#0000!important}.af-btn--loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite af-spin;position:absolute}@keyframes af-spin{to{transform:rotate(360deg)}}.af-card{background:var(--af-surface);border-radius:var(--af-radius-lg);border:1px solid var(--af-border);box-shadow:var(--af-shadow-sm);transition:all var(--af-transition-fast);overflow:hidden}.af-card:hover{box-shadow:var(--af-shadow-md);border-color:#cbd5e1;transform:translateY(-2px)}.af-card--interactive{cursor:pointer}.af-card--interactive:hover{box-shadow:var(--af-shadow-lg);border-color:var(--af-primary-light);transform:translateY(-4px)}.af-card__header{padding:var(--af-space-4) var(--af-space-5);border-bottom:1px solid var(--af-border-subtle);justify-content:space-between;align-items:center;gap:var(--af-space-3);display:flex}.af-card__body{padding:var(--af-space-5)}.af-card__body--compact{padding:var(--af-space-4)}.af-card__footer{padding:var(--af-space-4) var(--af-space-5);border-top:1px solid var(--af-border-subtle);background:var(--af-bg)}.af-input{width:100%;padding:var(--af-space-3) var(--af-space-4);border:1px solid var(--af-border);border-radius:var(--af-radius-md);font-size:var(--af-text-sm);font-family:var(--af-font-sans);background:var(--af-surface);color:var(--af-text);transition:all var(--af-transition-fast);min-height:36px}.af-input:focus{border-color:var(--af-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.af-input::placeholder{color:var(--af-text-muted)}.af-input:disabled{background:var(--af-bg);cursor:not-allowed}.af-input--error{border-color:var(--af-error)}.af-input--error:focus{box-shadow:0 0 0 3px #ef44441a}.af-badge{align-items:center;gap:var(--af-space-1);padding:var(--af-space-1) var(--af-space-2);border-radius:var(--af-radius-full);font-size:var(--af-text-xs);font-weight:var(--af-font-medium);line-height:1;display:inline-flex}.af-badge--success{color:#166534;background:#dcfce7}.af-badge--warning{color:#92400e;background:#fef3c7}.af-badge--error{color:#991b1b;background:#fee2e2}.af-badge--info{color:#1e40af;background:#dbeafe}.af-badge--neutral{background:var(--af-bg);color:var(--af-text-secondary)}.af-badge--primary{background:var(--af-primary-subtle);color:var(--af-primary-dark)}.af-spinner{border:2px solid var(--af-border);border-top-color:var(--af-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite af-spin}.af-spinner--sm{border-width:1.5px;width:16px;height:16px}.af-spinner--lg{border-width:3px;width:32px;height:32px}.af-skeleton{background:linear-gradient(90deg, var(--af-bg) 25%, #e2e8f0 50%, var(--af-bg) 75%);border-radius:var(--af-radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite af-skeleton-pulse}@keyframes af-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.af-page{padding:var(--af-space-6)}.af-page-header{margin-bottom:var(--af-space-6);padding-bottom:var(--af-space-4);border-bottom:1px solid var(--af-border);justify-content:space-between;align-items:center;gap:var(--af-space-4);display:flex}.af-page-title{font-size:var(--af-text-2xl);font-weight:var(--af-font-bold);color:var(--af-text)}.af-page-subtitle{font-size:var(--af-text-sm);color:var(--af-text-muted);margin-top:var(--af-space-1)}.af-grid{gap:var(--af-space-4);display:grid}.af-grid--2{grid-template-columns:repeat(2,1fr)}.af-grid--3{grid-template-columns:repeat(3,1fr)}.af-grid--4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.af-grid--4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.af-page{padding:var(--af-space-4)}.af-page-header{flex-direction:column;align-items:flex-start}.af-grid--2,.af-grid--3,.af-grid--4{grid-template-columns:1fr}}.af-empty{padding:var(--af-space-12) var(--af-space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.af-empty__icon{margin-bottom:var(--af-space-4);font-size:48px}.af-empty__title{font-size:var(--af-text-lg);font-weight:var(--af-font-semibold);color:var(--af-text);margin-bottom:var(--af-space-2)}.af-empty__description{font-size:var(--af-text-sm);color:var(--af-text-secondary);margin-bottom:var(--af-space-5);max-width:300px}.af-modal-overlay{z-index:var(--af-z-modal);padding:var(--af-space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.af-modal{background:var(--af-surface);border-radius:var(--af-radius-lg);box-shadow:var(--af-shadow-xl);width:100%;max-width:600px;max-height:90vh;overflow:auto}.af-modal__header{padding:var(--af-space-4) var(--af-space-5);border-bottom:1px solid var(--af-border);justify-content:space-between;align-items:center;display:flex}.af-modal__body{padding:var(--af-space-5)}.af-modal__footer{justify-content:flex-end;gap:var(--af-space-3);padding:var(--af-space-4) var(--af-space-5);border-top:1px solid var(--af-border);background:var(--af-bg);display:flex}.af-text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.af-flex{display:flex}.af-flex-col{flex-direction:column}.af-items-center{align-items:center}.af-justify-between{justify-content:space-between}.af-gap-1{gap:var(--af-space-1)}.af-gap-2{gap:var(--af-space-2)}.af-gap-3{gap:var(--af-space-3)}.af-gap-4{gap:var(--af-space-4)}.af-mb-2{margin-bottom:var(--af-space-2)}.af-mb-3{margin-bottom:var(--af-space-3)}.af-mb-4{margin-bottom:var(--af-space-4)}.af-text-xs{font-size:var(--af-text-xs)}.af-text-sm{font-size:var(--af-text-sm)}.af-text-lg{font-size:var(--af-text-lg)}.af-text-muted{color:var(--af-text-muted)}.af-text-secondary{color:var(--af-text-secondary)}.af-text-primary{color:var(--af-primary)}.af-font-medium{font-weight:var(--af-font-medium)}.af-font-semibold{font-weight:var(--af-font-semibold)}.af-font-bold{font-weight:var(--af-font-bold)}.af-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.af-btn:focus-visible,.af-input:focus-visible,.af-card:focus-visible{box-shadow:0 0 0 2px var(--af-primary-light), 0 0 0 4px var(--af-primary-subtle);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (hover:none) and (pointer:coarse){.af-btn:hover:not(:disabled){box-shadow:none;transform:none}.af-btn:active:not(:disabled){opacity:.9;transform:scale(.97)}.af-card:hover{box-shadow:var(--af-shadow-sm);transform:none}}