@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap";.sidebar{height:100vh;width:var(--sidebar-width);background-color:var(--bg-sidebar);transition:width var(--transition-base);z-index:var(--z-sticky);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{padding:var(--space-md);min-height:var(--topbar-height);border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sidebar--collapsed .sidebar-header{padding:var(--space-md) 0;justify-content:center;gap:var(--space-md);flex-direction:column}.sidebar-logo{align-items:center;gap:var(--space-sm);display:flex;overflow:hidden}.sidebar-logo-mark{border-radius:var(--radius-sm);width:36px;height:36px;font-family:var(--font-serif);font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-obsidian);background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-text{font-family:var(--font-serif);font-size:18px;font-weight:var(--font-weight-semibold);color:var(--color-obsidian);white-space:nowrap;opacity:1;transition:opacity var(--transition-base);overflow:hidden}.sidebar--collapsed .sidebar-logo-text{opacity:0;width:0}.sidebar-toggle{border-radius:var(--radius-xs);cursor:pointer;width:28px;height:28px;color:var(--color-slate-grey);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{color:var(--color-obsidian)}.sidebar-nav{padding:var(--space-sm) 0;flex:1;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff26}.sidebar-section-label{padding:var(--space-md) var(--space-md) var(--space-2);font-family:var(--font-sans);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-slate-grey);white-space:nowrap;transition:opacity var(--transition-base);overflow:hidden}.sidebar--collapsed .sidebar-section-label{opacity:0}.sidebar-item{align-items:center;gap:var(--space-sm);padding:10px var(--space-md);margin:2px var(--space-2);color:var(--color-slate-grey);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast), padding-left var(--transition-fast);white-space:nowrap;cursor:pointer;width:calc(100% - var(--space-1));text-align:left;background:0 0;border:none;border-radius:0;text-decoration:none;display:flex;overflow:hidden}.sidebar-item:hover{color:var(--color-obsidian);padding-left:calc(var(--space-md) + 4px)}.sidebar--collapsed .sidebar-item{justify-content:center;gap:0;width:100%;margin:2px 0;padding:10px 0}.sidebar--collapsed .sidebar-item:hover{padding-left:0}.sidebar-item--active{color:var(--color-thread-gold);font-weight:var(--font-weight-semibold)}.sidebar-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-item-label{opacity:1;transition:opacity var(--transition-base);white-space:nowrap;overflow:hidden}.sidebar--collapsed .sidebar-item-label{opacity:0;width:0}.sidebar-footer{padding:var(--space-sm);border-top:none;flex-shrink:0}.sidebar-overlay{z-index:calc(var(--z-sticky) - 1);background-color:#00000080;display:none;position:fixed;inset:0}@media (width<=767px){.sidebar{width:var(--sidebar-width);transition:transform var(--transition-base);transform:translate(-100%)}.sidebar--mobile-open{transform:translate(0)}.sidebar-overlay{display:block}}.topbar{top:0;right:0;left:var(--sidebar-width);height:var(--topbar-height);background-color:var(--bg-surface);border-bottom:1px solid var(--color-border-subtle);padding:0 var(--space-md);z-index:var(--z-sticky);transition:left var(--transition-base);justify-content:space-between;align-items:center;display:flex;position:fixed}.topbar--collapsed{left:var(--sidebar-width-collapsed)}.topbar-left{align-items:center;gap:var(--space-sm);display:flex}.topbar-hamburger{border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:none}.topbar-hamburger:hover{background-color:var(--color-border-subtle);color:var(--text-primary)}.topbar-page-title{font-family:var(--font-serif);font-size:var(--text-h4);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.topbar-right{align-items:center;gap:var(--space-md);display:flex}.topbar-theme-toggle{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.topbar-theme-toggle:hover{background-color:var(--color-border-subtle);color:var(--text-primary);border-color:var(--color-border)}.topbar-user{align-items:center;gap:var(--space-2);display:flex}.topbar-user-avatar{background-color:var(--avatar-bg);border-radius:var(--radius-full);width:34px;height:34px;font-size:var(--text-caption);font-weight:var(--font-weight-bold);color:var(--avatar-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar-user-name{font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.2}.topbar-user-info{flex-direction:column;display:flex}@media (width<=767px){.topbar{left:0}.topbar-hamburger{display:flex}.topbar-user-info{display:none}}.toast-container{bottom:var(--space-md);right:var(--space-md);z-index:var(--z-toast);gap:var(--space-2);max-width:380px;width:calc(100vw - var(--space-lg));flex-direction:column;display:flex;position:fixed}.toast{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);animation:fadeInUp var(--duration-base) var(--ease-out);font-size:var(--text-body-sm);font-family:var(--font-sans);border-left:3px solid #0000;display:flex}.toast--success{background-color:var(--toast-success-bg);border-left-color:var(--color-forest-green);color:var(--toast-success-text)}.toast--error{background-color:var(--toast-error-bg);border-left-color:var(--color-clay-red);color:var(--toast-error-text)}.toast--info{background-color:var(--toast-info-bg);border-left-color:var(--color-deep-indigo);color:var(--toast-info-text)}.toast--warning{background-color:var(--toast-warning-bg);border-left-color:var(--color-thread-gold);color:var(--toast-warning-text)}.toast-message{line-height:var(--line-height-normal);flex:1}.toast-dismiss{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:0;font-size:18px;line-height:1}.toast-dismiss:hover{opacity:1}:root{--color-obsidian:#1a1a1a;--color-paper:#f9f8f6;--color-white:#fff;--color-thread-gold:#c5a059;--color-slate-grey:#717171;--color-clay-red:#a44a3f;--color-deep-indigo:#1a2a44;--color-forest-green:#2f4f3e;--color-thread-gold-light:#dcc28d;--color-clay-red-light:#d4756c;--color-clay-red-dark:#7a3530;--color-obsidian-muted:#4a4a4a;--color-border:#e5e5e5;--color-border-subtle:#f0f0f0;--color-surface:#fff;--bg-page:var(--color-paper);--bg-section:var(--color-paper);--bg-surface:var(--color-white);--bg-sidebar:#f0eee9;--text-primary:var(--color-obsidian);--text-secondary:var(--color-slate-grey);--text-inverse:var(--color-white);--text-accent:var(--color-thread-gold);--text-danger:var(--color-clay-red);--accent-primary:var(--color-thread-gold);--accent-danger:var(--color-clay-red);--accent-success:var(--color-forest-green);--accent-info:var(--color-deep-indigo);--border-default:var(--color-border);--border-focus:var(--color-thread-gold);--border-error:var(--color-clay-red);--btn-primary-bg:var(--color-obsidian);--btn-primary-text:var(--color-white);--btn-primary-hover:#333;--avatar-bg:var(--color-obsidian);--avatar-text:var(--color-white);--toast-success-bg:#f0faf3;--toast-success-text:#1a3829;--toast-error-bg:#fef2f1;--toast-error-text:#5c1f1b;--toast-info-bg:#eff6ff;--toast-info-text:#1a2a44;--toast-warning-bg:#fffbeb;--toast-warning-text:#78460a;--font-serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;--font-sans:"Inter", "SF Pro", "Helvetica Neue", Arial, system-ui, sans-serif;--text-h1:clamp(40px, 5vw, 64px);--text-h2:clamp(32px, 4vw, 48px);--text-h3:clamp(22px, 3vw, 32px);--text-h4:20px;--text-body-lg:18px;--text-body:16px;--text-body-sm:15px;--text-caption:13px;--text-micro:11px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-loose:1.7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-xs:var(--space-2);--space-sm:var(--space-4);--space-md:var(--space-6);--space-lg:var(--space-10);--space-xl:var(--space-16);--space-xxl:var(--space-24);--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-card:none;--shadow-modal:0 20px 50px #1a1a1a26;--duration-fast:.15s;--duration-base:.3s;--duration-slow:.5s;--duration-slower:.7s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:var(--duration-fast) var(--ease-default);--transition-base:var(--duration-base) var(--ease-default);--transition-slow:var(--duration-slow) var(--ease-out);--sidebar-width:260px;--sidebar-width-collapsed:64px;--topbar-height:64px;--content-max-width:1400px;--page-padding-x:var(--space-md);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}[data-theme=dark]{--bg-page:#0e0e0d;--bg-section:#151514;--bg-surface:#1c1c1b;--bg-sidebar:#121211;--text-primary:#c8c2bc;--text-secondary:#888177;--text-inverse:#121211;--color-border:#282826;--color-border-subtle:#1e1e1d;--border-default:var(--color-border);--color-paper:#0e0e0d;--color-white:#1c1c1b;--color-surface:#1c1c1b;--color-obsidian:#c8c2bc;--shadow-modal:0 20px 50px #0009;--toast-success-bg:#142b1d;--toast-success-text:#b4e3c7;--toast-error-bg:#321614;--toast-error-text:#f8b4b0;--toast-info-bg:#152033;--toast-info-text:#b3cff8;--toast-warning-bg:#2b2111;--toast-warning-text:#f3d9a8;--btn-primary-bg:var(--color-thread-gold);--btn-primary-text:var(--color-white);--btn-primary-hover:var(--color-thread-gold-light);--avatar-bg:var(--color-thread-gold);--avatar-text:var(--color-white)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:100%}body{background-color:var(--bg-page);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none}table{border-collapse:collapse;border-spacing:0}#root{isolation:isolate}*{scrollbar-width:none}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb{display:none}::-webkit-scrollbar-button:single-button{background-color:#0000;background-repeat:no-repeat;background-size:8px;display:block}::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='rgb(115, 115, 115)'><polygon points='5,0 0,10 10,10'/></svg>");background-position:50%;width:14px;height:14px}::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='rgb(115, 115, 115)'><polygon points='0,0 10,0 5,10'/></svg>");background-position:50%;width:14px;height:14px}::-webkit-scrollbar-button:single-button:horizontal:decrement{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='rgb(115, 115, 115)'><polygon points='0,5 10,10 10,0'/></svg>");background-position:50%;width:14px;height:14px}::-webkit-scrollbar-button:single-button:horizontal:increment{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='rgb(115, 115, 115)'><polygon points='0,0 0,10 10,5'/></svg>");background-position:50%;width:14px;height:14px}h1,.h1{font-family:var(--font-serif);font-size:var(--text-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--text-primary)}h2,.h2{font-family:var(--font-serif);font-size:var(--text-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.01em;color:var(--text-primary)}h3,.h3{font-family:var(--font-serif);font-size:var(--text-h3);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.3}h4,.h4{font-family:var(--font-sans);font-size:var(--text-h4);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.4}.text-body-lg{font-size:var(--text-body-lg);line-height:var(--line-height-loose)}.text-body{font-size:var(--text-body);line-height:var(--line-height-normal)}.text-body-sm{font-size:var(--text-body-sm)}.text-caption{font-size:var(--text-caption);color:var(--text-secondary)}.text-micro{font-size:var(--text-micro);letter-spacing:.05em;text-transform:uppercase;font-weight:var(--font-weight-medium)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-inverse{color:var(--text-inverse)}.text-accent{color:var(--text-accent)}.text-danger{color:var(--text-danger)}.text-success{color:var(--accent-success)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-serif{font-family:var(--font-serif)}.font-italic{font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp var(--duration-base) var(--ease-out) both}.animate-fade-in-down{animation:fadeInDown var(--duration-base) var(--ease-out) both}.animate-slide-in-left{animation:slideInLeft var(--duration-base) var(--ease-out) both}.animate-slide-in-right{animation:slideInRight var(--duration-base) var(--ease-out) both}.animate-scale-in{animation:scaleIn var(--duration-fast) var(--ease-bounce) both}.animate-spin{animation:.8s linear infinite spin}.animate-pulse{animation:pulse 1.5s var(--ease-default) infinite}.skeleton{background:linear-gradient(90deg, var(--color-border-subtle) 25%, var(--color-paper) 50%, var(--color-border-subtle) 75%);border-radius:var(--radius-xs);background-size:200% 100%;animation:1.5s infinite shimmer}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.03)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{background-color:var(--bg-page);min-height:100vh;display:flex}.app-content{min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.app-content--collapsed{margin-left:var(--sidebar-width-collapsed)}.page-main{padding:var(--space-md);padding-top:calc(var(--topbar-height) + var(--space-md));flex:1}.content-grid{gap:var(--space-md);width:100%;max-width:var(--content-max-width);margin:0 auto;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.page-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.flex-1{flex:1}.w-full{width:100%}.min-w-0{min-width:0}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}@media (width<=767px){.app-content{margin-left:0}.page-main{padding:var(--space-sm);padding-top:calc(var(--topbar-height) + var(--space-sm))}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid-2-mobile{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column;align-items:flex-start}}@media (width>=768px) and (width<=1199px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.page-main{padding:var(--space-12);padding-top:calc(var(--topbar-height) + var(--space-12))}}