@media (width<=768px){.nb-sidebar{transform:translate(-100%)}.nb-main{padding:var(--nb-space-5);margin-left:0}}@keyframes nb-spin{to{transform:rotate(360deg)}}@keyframes nb-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (width<=768px){.nb-grid--2,.nb-grid--3{grid-template-columns:1fr}}: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}.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}}