@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, -apple-system, sans-serif;--bg-primary:#07080e;--bg-secondary:#0d0f1a;--bg-tertiary:#141727;--primary:#4f46e5;--primary-glow:#4f46e526;--primary-hover:#6366f1;--success:#10b981;--success-glow:#10b9811a;--error:#ef4444;--error-glow:#ef44441a;--warning:#f59e0b;--warning-glow:#f59e0b1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--glass-bg:#0d0f1ab3;--glass-border:#ffffff0f;--glass-highlight:#ffffff08;--glass-shadow:#00000080;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease;--brand-hue:260;--surface-deep:oklch(15% .02 var(--brand-hue));--surface-mid:oklch(22% .03 var(--brand-hue));--surface-light:oklch(28% .04 var(--brand-hue));--accent-primary:oklch(65% .18 var(--brand-hue));--accent-primary-muted:oklch(65% .18 var(--brand-hue) / .15);--semantic-success:#65c67d;--semantic-error:#f14d4c;--semantic-warning:#f3ba25;--semantic-info:#25afd2;--color-global:#30c6bf;--color-passage:oklch(35% .08 var(--brand-hue))}@supports (color:color(display-p3 0 0 0)){:root{--semantic-success:color(display-p3 .493239 .769272 .518088);--semantic-error:color(display-p3 .872583 .352089 .325751);--semantic-warning:color(display-p3 .919462 .739788 .289831);--semantic-info:color(display-p3 .334074 .676649 .807321);--color-global:color(display-p3 .387222 .764818 .744436)}}@supports (color:lab(0% 0 0)){:root{--semantic-success:lab(72.7833% -42.0593 27.4982);--semantic-error:lab(57.3944% 63.124 38.0626);--semantic-warning:lab(79.3101% 12.3229 74.8349);--semantic-info:lab(65.7976% -27.431 -28.2895);--color-global:lab(72.364% -40.5505 -8.06561)}}.theme-light{--bg-primary:#f1f5f9;--bg-secondary:#fff;--bg-tertiary:#e2e8f0;--glass-bg:#ffffffd9;--glass-border:#0f172a14;--glass-highlight:#fffc;--glass-shadow:#0f172a0d;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--primary:#4f46e5;--primary-glow:#4f46e514;--primary-hover:#4338ca;--success:#059669;--success-glow:#05966914;--error:#dc2626;--error-glow:#dc262614;--warning:#d97706;--warning-glow:#d9770614;--surface-deep:#f1f5f9;--surface-mid:#fff;--surface-light:#f8fafc}.theme-light .form-input{background:#0f172a0a}.theme-light .form-input:focus{background:#fff;box-shadow:0 0 0 2px #4f46e51a}.theme-light .badge-blue{color:#1d4ed8;background:#3b82f614;border-color:#3b82f633}.theme-light .badge-purple{color:#6d28d9;background:#8b5cf614;border-color:#8b5cf633}.theme-light .badge-green{color:#047857;background:#10b98114;border-color:#10b98133}.theme-light .badge-red{color:#b91c1c;background:#ef444414;border-color:#ef444433}.theme-light .badge-yellow{color:#b45309;background:#f59e0b14;border-color:#f59e0b33}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.6;overflow-x:hidden}.ambient-glow-1{z-index:-1;pointer-events:none;background:radial-gradient(circle,#4f46e51f 0%,#0000 70%);width:500px;height:500px;position:fixed;top:-150px;right:-150px}.ambient-glow-2{z-index:-1;pointer-events:none;background:radial-gradient(circle,#10b98114 0%,#0000 70%);width:600px;height:600px;position:fixed;bottom:-200px;left:-200px}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 var(--glass-shadow);border-radius:var(--radius-md);transition:var(--transition-smooth);padding:24px}.glass-panel:hover{border-color:#ffffff1a;box-shadow:0 12px 40px #0009}.glass-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:var(--transition-smooth);padding:20px}.glass-card:hover{background:#141727cc;border-color:#ffffff17;transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:12px;font-weight:600}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #4f46e566}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e580}.btn-secondary{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff14}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.btn-danger{background:var(--error);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{background:#ff5a5a;transform:translateY(-1px)}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-input{border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-fast);background:#0000004d;outline:none;padding:12px 16px;font-size:14px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);background:#00000080}.form-select{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);outline:none;padding:12px 16px;font-size:14px}.form-select:focus{border-color:var(--primary)}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-blue{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.badge-purple{color:#a78bfa;background:#8b5cf61a;border:1px solid #8b5cf633}.badge-green{background:var(--success-glow);color:#34d399;border:1px solid #10b98133}.badge-red{background:var(--error-glow);color:#f87171;border:1px solid #ef444433}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.form-input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert()brightness(.9);cursor:pointer;opacity:.8;transition:var(--transition-fast)}.form-input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.1)}@media (max-width:1024px){table{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;width:100%!important;display:block!important;overflow-x:auto!important}}.grid-2col{grid-template-columns:1.2fr 1fr;gap:30px;display:grid}.grid-3col{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.grid-equal-2col{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:1024px){.grid-2col{grid-template-columns:1fr;gap:20px}}@media (max-width:768px){.grid-3col{grid-template-columns:1fr;gap:15px}.grid-equal-2col{grid-template-columns:1fr;gap:12px}body{padding:12px!important}header[style*="display: flex"],header[style*=display\:flex],header,.header{text-align:center!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important}header div[style*="display: flex"],header div[style*=display\:flex],.header-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.btn{justify-content:center!important;width:100%!important}div[style*="display: flex"][style*=borderBottom],div[style*=display\:flex][style*=border-bottom],div[style*="display: flex"][style*=border-width]{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;margin-bottom:20px!important;padding-bottom:8px!important;overflow-x:auto!important}div[style*="display: flex"][style*=borderBottom]::-webkit-scrollbar{display:none!important}div[style*=display\:flex][style*=border-bottom]::-webkit-scrollbar{display:none!important}div[style*="display: flex"][style*=border-width]::-webkit-scrollbar{display:none!important}div[style*="display: flex"][style*=borderBottom] button,div[style*=display\:flex][style*=border-bottom] button,div[style*="display: flex"][style*=border-width] button{flex-shrink:0!important;padding:8px 12px!important}.glass-panel{width:100%!important;max-width:100%!important;padding:18px 14px!important}form div[style*="display: grid"],form div[style*=display\:grid]{grid-template-columns:1fr!important;gap:12px!important}}@media (max-width:480px){h1{font-size:22px!important}h2{font-size:18px!important}h3{font-size:16px!important}.form-input,.form-select{padding:10px 14px!important;font-size:13px!important}}.registry-actions-container{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:768px){.registry-actions-container{flex-direction:column!important;align-items:stretch!important;gap:6px!important}.registry-actions-container .btn{box-sizing:border-box!important;width:100%!important;margin-bottom:0!important;margin-right:0!important;padding:6px 12px!important}}.dashboard-layout{background-color:var(--bg-primary);min-height:100vh;display:flex}.dashboard-sidebar{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--glass-border);z-index:100;width:280px;transition:var(--transition-smooth);flex-direction:column;gap:30px;padding:30px 24px;display:flex;position:fixed;top:0;bottom:0;left:0}.dashboard-main{min-width:0;transition:var(--transition-smooth);flex:1;margin-left:280px;padding:40px}.sidebar-brand{align-items:center;gap:12px;display:flex}.sidebar-menu{flex-direction:column;gap:8px;display:flex}.sidebar-menu-btn{color:var(--text-secondary);font-family:var(--font-sans);text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar-menu-btn:hover{color:var(--text-primary);background:#ffffff08}.sidebar-menu-btn.active{background:var(--primary-glow);color:var(--text-primary);border-left:3px solid var(--primary)}.toolbar-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:20px;display:flex}.toolbar-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.toolbar-row .form-input,.toolbar-row .form-select{height:38px!important;padding:6px 12px!important;font-size:13px!important}.toolbar-item{width:150px;min-width:0}.toolbar-item>*{width:100%;min-width:0}@media (max-width:768px){.toolbar-container{flex-direction:column;align-items:flex-start;gap:12px}.toolbar-row{justify-content:flex-start;width:100%}.toolbar-item{flex:120px;width:auto}}.mobile-top-bar{background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);z-index:190;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:none;position:fixed;top:0;left:0;right:0}@media (max-width:1024px){.dashboard-sidebar{max-width:min(280px,100vw);transform:translate(-100%)}.dashboard-sidebar.open{transform:translate(0);box-shadow:0 0 40px #000c}.dashboard-main{margin-left:0;padding:84px 20px 40px}.mobile-top-bar{display:flex}}.desktop-only-header{display:flex!important}@media (max-width:1024px){.desktop-only-header{display:none!important}}.composer-tabs-nav{background:var(--glass-bg);border-radius:var(--radius-sm);border:1px solid var(--glass-border);gap:10px;margin-bottom:24px;padding:6px;display:none}.composer-tabs-nav-btn{color:var(--text-secondary);font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:600;display:flex}.composer-tabs-nav-btn.active{background:var(--primary);color:#fff}.composer-badge{background:var(--primary-glow);color:var(--primary);border:1px solid var(--primary);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.composer-tabs-nav-btn.active .composer-badge{color:#fff;background:#fff3;border-color:#fff6}@media (max-width:1024px){.composer-tabs-nav{display:flex}.composer-container.show-bank .composer-panel-draft,.composer-container.show-draft .composer-panel-bank{display:none!important}}.desktop-only-table{width:100%;display:block}.mobile-only-cards{width:100%;display:none}@media (max-width:768px){.desktop-only-table{display:none!important}.mobile-only-cards{grid-template-columns:1fr;gap:16px;display:grid!important}}.registry-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.registry-card-header{align-items:center;gap:12px;display:flex}.registry-card-avatar{background:var(--primary-glow);width:44px;height:44px;color:var(--primary);border:1px solid var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.registry-card-info{flex:1;min-width:0}.registry-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.registry-card-subtext{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.registry-card-badges{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.registry-card-actions{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.registry-card-actions .btn{white-space:nowrap;flex:1;justify-content:center;align-items:center;min-width:80px;padding:8px 12px;font-size:11px;display:flex}.grid-analytics-stats{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:30px;display:grid}.table-responsive-container{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff05;position:relative;overflow-x:auto}.table-responsive-container:after{content:"";pointer-events:none;background:linear-gradient(270deg,#07080e33,#0000);width:40px;height:100%;position:absolute;top:0;right:0}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (min-width:1025px){.dashboard-layout.collapsed .dashboard-sidebar{align-items:center;width:80px;padding:30px 16px}.dashboard-layout.collapsed .dashboard-main{margin-left:80px}.dashboard-layout.collapsed .sidebar-menu-text,.dashboard-layout.collapsed .sidebar-brand-text,.dashboard-layout.collapsed .sidebar-footer-text{display:none!important}.dashboard-layout.collapsed .sidebar-menu-btn{justify-content:center;gap:0;padding:12px}.dashboard-layout.collapsed .sidebar-brand{justify-content:center}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.5s linear infinite skeleton-shimmer;display:inline-block}.theme-light .skeleton{background:linear-gradient(90deg,#0000000a 25%,#00000014 50%,#0000000a 75%) 0 0/200% 100%}.toast-container{z-index:200000;flex-direction:column;gap:10px;width:calc(100% - 48px);max-width:360px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);-webkit-backdrop-filter:blur(12px);align-items:center;gap:12px;padding:14px 20px;animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--error)}.theme-light .toast{background:#fff;border-color:#0f172a14;box-shadow:0 10px 30px #00000014}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(24px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}
