@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#4f46e5!important;--color-primary-hover:#4338ca!important;--color-primary-active:#3730a3!important;--color-primary-rgb:79,70,229!important;--color-background:#f8fafc!important;--color-surface:#fff!important;--color-text:#0f172a!important;--color-text-secondary:#64748b!important;--color-border:#64748b33!important;--color-card-border:#64748b1f!important;--color-btn-primary-text:#fff!important;--color-secondary:#64748b1f!important;--color-secondary-hover:#64748b33!important;--color-success:#22c55e!important;--color-error:#ef4444!important;--color-warning:#f97316!important;--color-info:#06b6d4!important;--color-focus-ring:#4f46e533!important;--font-family-base:"Outfit","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important}[data-color-scheme=light]{--color-background:#f8fafc!important;--color-surface:#fff!important;--color-text:#0f172a!important;--color-text-secondary:#64748b!important;--color-border:#64748b33!important;--color-primary:#4f46e5!important}[data-color-scheme=dark]{--color-background:#0f172a!important;--color-surface:#1e293b!important;--color-text:#f1f5f9!important;--color-text-secondary:#94a3b8!important;--color-primary:#818cf8!important;--color-primary-hover:#6366f1!important;--color-border:#94a3b84d!important;--color-card-border:#94a3b833!important;--color-secondary:#94a3b81a!important}@media (prefers-color-scheme:dark){:root:not([data-color-scheme=light]){--color-background:#0f172a!important;--color-surface:#1e293b!important;--color-text:#f1f5f9!important;--color-text-secondary:#94a3b8!important;--color-primary:#818cf8!important;--color-primary-hover:#6366f1!important;--color-border:#94a3b84d!important;--color-card-border:#94a3b833!important;--color-secondary:#94a3b81a!important}}body,html{font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);box-shadow:var(--shadow-lg);color:var(--color-text);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform var(--duration-normal) var(--ease-standard);width:250px;z-index:1000}.sidebar.closed{transform:translateX(-100%)}@media (max-width:768px){.sidebar{z-index:1100}.sidebar.open{box-shadow:var(--shadow-xl)}}.sidebar-header{border-bottom:1px solid var(--color-border);height:72px;padding:var(--space-16) var(--space-24)}.logo{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);gap:var(--space-12);justify-content:center;text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}.logo-icon{background:linear-gradient(135deg,#4f46e5,#ec4899);border-radius:8px;flex-shrink:0;height:32px;width:32px}.logo:hover{color:var(--color-primary)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--space-24) 0}.sidebar-nav ul{display:flex;flex-direction:column;gap:var(--space-8);list-style:none;margin:0;padding:0 var(--space-8)}.nav-link{align-items:center;border-left:3px solid #0000;border-radius:12px;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-12);padding:var(--space-12) var(--space-16);text-decoration:none;transition:all var(--duration-fast) var(--ease-standard)}.nav-link:hover{background:var(--color-secondary);color:var(--color-text);transform:translateX(var(--space-4))}.nav-link.active{background:var(--color-secondary-hover);border-left:3px solid var(--color-primary);color:var(--color-primary);padding-left:calc(var(--space-16) - 3px)}.nav-link:focus-visible{box-shadow:var(--focus-ring);outline:var(--focus-outline);outline-offset:2px}.sidebar-footer{border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);padding:var(--space-16) var(--space-24);text-align:center}@media (max-width:768px){.sidebar{width:200px}}@media (max-width:480px){.sidebar{max-width:280px;width:100%}.sidebar-header{padding:var(--space-20)}.logo{font-size:var(--font-size-xl)}.sidebar-nav{padding:var(--space-16) 0}.nav-link{font-size:var(--font-size-sm);padding:var(--space-10) var(--space-12)}.nav-link.active{padding-left:calc(var(--space-12) - 3px)}.sidebar-footer{font-size:var(--font-size-xs);padding:var(--space-12) var(--space-16)}}.notification-dropdown{position:relative}.notification-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all var(--duration-normal);width:40px}.notification-btn:active,.notification-btn:hover{background:#0000000d;background:var(--color-surface-hover,#0000000d);color:var(--color-text)}.notification-panel{animation:slideIn var(--duration-normal) var(--ease-standard);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;margin-top:var(--space-8);overflow:hidden;position:absolute;right:0;top:100%;width:380px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-16)}.notification-title{align-items:center;color:var(--color-text);display:flex;gap:var(--space-8)}.notification-title h3{font-size:16px;font-size:var(--font-size-md,16px);font-weight:600;margin:0}.notification-header-actions{align-items:center;display:flex;gap:var(--space-8)}.btn-mark-read{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;display:flex;font-size:var(--font-size-xs);gap:var(--space-4);padding:var(--space-4) var(--space-8);transition:background var(--duration-normal)}.btn-mark-read:hover{background:rgba(var(--color-primary-rgb),.1)}.btn-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-4)}.btn-close:hover{background:#0000000d;color:var(--color-text)}.notification-body{max-height:400px;overflow-y:auto}.notification-list{display:flex;flex-direction:column}.dropdown-notification-item{background:var(--color-surface);border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;gap:var(--space-12);padding:var(--space-16);position:relative;transition:background var(--duration-normal)}.dropdown-notification-item:last-child{border-bottom:none}.dropdown-notification-item:hover{background:#00000005;background:var(--color-surface-hover,#00000005)}.dropdown-notification-item:before{background:var(--color-primary);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity var(--duration-normal);width:3px}.dropdown-notification-item:hover:before{opacity:1}.notification-item-icon{align-items:center;background:var(--color-background);border-radius:var(--radius-full);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.dropdown-notification-item.failed .notification-item-icon{background:#ef44441a;color:#ef4444}.dropdown-notification-item.queued .notification-item-icon{background:#f59e0b1a;color:#f59e0b}.dropdown-notification-item.pending .notification-item-icon{background:#3b82f61a;color:#3b82f6}.notification-item-content{flex:1 1;min-width:0}.notification-item-header{display:flex;font-size:var(--font-size-xs);justify-content:space-between;margin-bottom:var(--space-4)}.notification-channel{color:var(--color-text);font-weight:600;text-transform:capitalize}.notification-time{color:var(--color-text-secondary)}.notification-item-subject{color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;line-height:1.4;margin-bottom:var(--space-8)}.notification-item-meta{align-items:center;display:flex;gap:var(--space-8)}.notification-spinner{animation:nd-spin 1s linear infinite;border:3px solid rgba(var(--color-primary-rgb),.1);border-left-color:var(--color-primary);border-radius:50%;height:24px;margin-bottom:var(--space-8);width:24px}@keyframes nd-spin{to{transform:rotate(1turn)}}.nd-retry-badge,.nd-status-badge{border-radius:var(--radius-sm);font-size:10px;font-weight:700;letter-spacing:.05em;padding:2px 6px;text-transform:uppercase}.nd-status-badge.failed{background:#ef44441a;color:#ef4444}.nd-status-badge.queued{background:#f59e0b1a;color:#f59e0b}.nd-status-badge.pending{background:#3b82f61a;color:#3b82f6}.nd-retry-badge{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-secondary)}.notification-footer{background:var(--color-background);border-top:1px solid var(--color-border);padding:var(--space-12);text-align:center}.btn-view-all{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--space-8);transition:all var(--duration-normal);width:100%}.btn-view-all:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.notification-empty,.notification-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-48) var(--space-24);text-align:center}.notification-empty h4{color:var(--color-text);margin:var(--space-16) 0 var(--space-8)}.notification-count-badge{align-items:center;background:#ef4444;border:2px solid var(--color-surface);border-radius:99px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-2px;top:-2px}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);height:72px;justify-content:space-between;padding:var(--space-16) var(--space-24)}.header,.header-left,.menu-toggle{align-items:center;display:flex}.menu-toggle{background:none;border:none;border-radius:12px;color:var(--color-text);cursor:pointer;justify-content:center;padding:var(--space-8);transition:all var(--duration-normal) var(--ease-standard)}@media (min-width:769px){.menu-toggle{display:none}}.menu-toggle:hover{background:var(--color-secondary);color:var(--color-primary)}.menu-toggle:focus-visible{box-shadow:var(--focus-ring);outline:var(--focus-outline)}@media (max-width:768px){.menu-toggle{align-items:center;display:flex;justify-content:center}}.header-center{flex:1 1;text-align:center}.header-center h2{color:var(--color-text);font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0}.header-right{gap:var(--space-16)}.header-right,.icon-btn{align-items:center;display:flex}.icon-btn{background:none;border:none;border-radius:12px;color:var(--color-text);cursor:pointer;justify-content:center;padding:var(--space-8);position:relative;transition:all var(--duration-normal) var(--ease-standard)}.icon-btn:hover{background:var(--color-secondary);color:var(--color-primary)}.icon-btn:focus-visible{box-shadow:var(--focus-ring);outline:var(--focus-outline)}.icon-btn .badge{align-items:center;background:var(--color-error);border-radius:var(--radius-full);color:var(--color-white);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:20px;justify-content:center;position:absolute;right:0;top:0;width:20px}@media (max-width:640px){.header{padding:var(--space-12) var(--space-16)}.header-center h2{font-size:var(--font-size-lg)}.header-right{gap:var(--space-12)}}@media (max-width:480px){.header{height:60px;padding:var(--space-10) var(--space-12)}.header-center h2{font-size:var(--font-size-base)}.header-right{gap:var(--space-8)}.icon-btn,.menu-toggle{padding:var(--space-6)}.icon-btn .badge{font-size:var(--font-size-xs);height:16px;width:16px}}.header-profile-img{border-radius:50%;height:32px;object-fit:cover;width:32px}.loading-container{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-24)}.loading-container.fullscreen{background:var(--color-background);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;color:var(--color-primary);margin-bottom:var(--space-16)}.loading-message{font-size:var(--font-size-md);font-weight:500;opacity:.8}:root{--color-white:#fff;--color-black:#000;--color-cream-50:#fcfcf9;--color-cream-100:#fffffd;--color-gray-200:#f5f5f5;--color-gray-300:#a7a9a9;--color-gray-400:#777c7c;--color-slate-500:#626c71;--color-brown-600:#5e5240;--color-charcoal-700:#1f2121;--color-charcoal-800:#262828;--color-slate-900:#13343b;--color-teal-300:#32b8c6;--color-teal-400:#2da6b2;--color-teal-500:#21808d;--color-teal-600:#1d7480;--color-teal-700:#1a6873;--color-teal-800:#2996a1;--color-red-400:#ff5459;--color-red-500:#c0152f;--color-orange-400:#e68161;--color-orange-500:#a84b2f;--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-slate-500-rgb:98,108,113;--color-red-500-rgb:192,21,47;--color-red-400-rgb:255,84,89;--color-orange-500-rgb:168,75,47;--color-orange-400-rgb:230,129,97;--color-bg-1:#3b82f614;--color-bg-2:#f59e0b14;--color-bg-3:#22c55e14;--color-bg-4:#ef444414;--color-bg-5:#9333ea14;--color-bg-6:#f9731614;--color-bg-7:#ec489914;--color-bg-8:#06b6d414;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-select-caret:rgba(var(--color-slate-900-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113;--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Berkeley Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-0.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-48:48px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;--shadow-inset-sm:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;--duration-fast:150ms;--duration-normal:250ms;--ease-standard:cubic-bezier(0.16,1,0.3,1);.spin-anim{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--space-table-cell:16px;--font-size-table:14px}[data-density=compact]{--space-table-cell:8px;--font-size-table:13px;--space-20:12px;--space-24:16px;--space-16:12px}@media (prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--button-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}}[data-color-scheme=dark]{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.15);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}[data-color-scheme=light]{--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-success-rgb:var(--color-teal-500-rgb);--color-error-rgb:var(--color-red-500-rgb);--color-warning-rgb:var(--color-orange-500-rgb);--color-info-rgb:var(--color-slate-500-rgb)}html{-webkit-font-smoothing:antialiased;background-color:#fcfcf9;background-color:var(--color-background);box-sizing:border-box;color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}body{margin:0;padding:0}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0}h1{font-size:30px;font-size:var(--font-size-4xl)}h2{font-size:24px;font-size:var(--font-size-3xl)}h3{font-size:20px;font-size:var(--font-size-2xl)}h4{font-size:18px;font-size:var(--font-size-xl)}h5{font-size:16px;font-size:var(--font-size-lg)}h6{font-size:14px;font-size:var(--font-size-md)}p{margin:0 0 16px;margin:0 0 var(--space-16) 0}a{color:#21808d;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:#1d7480;color:var(--color-primary-hover)}code,pre{background-color:#5e52401f;background-color:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:13.3px;font-size:calc(var(--font-size-base)*.95)}code{padding:1px 4px;padding:var(--space-1) var(--space-4)}pre{border:1px solid #5e524033;border:1px solid var(--color-border);margin:16px 0;margin:var(--space-16) 0;overflow:auto;padding:16px;padding:var(--space-16)}pre code{background:none;padding:0}.btn{border-radius:12px;font-size:15px;font-weight:600;justify-content:center;letter-spacing:.01em;padding:12px 20px;position:relative;transition:all .2s ease}.btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{box-shadow:0 0 0 4px #21808d66;box-shadow:0 0 0 4px var(--color-focus-ring)}.btn--primary{background:#21808d;background:var(--color-primary);color:#fff}.btn--primary:hover{background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 12px #4f46e533}.btn--primary:active{background:#1a6873;background:var(--color-primary-active)}.btn--secondary{background:#f1f5f9;color:#0f172a}.btn--secondary:hover{background:#e2e8f0}.btn--secondary:active{background:#cbd5e1}.btn--outline{background:#0000;border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.btn--outline:hover{background:#5e52401f;background:var(--color-secondary);border-color:#626c71;border-color:var(--color-text-secondary)}.btn--sm{border-radius:8px;font-size:13px;padding:8px 16px}.btn--lg{border-radius:12px;font-size:16px;padding:16px 32px}.btn--full-width{width:100%}.btn:disabled{box-shadow:none!important;opacity:.6;transform:none!important}.form-control{background-color:#fffffd;background-color:var(--color-surface);display:block;padding:8px 12px;padding:var(--space-8) var(--space-12);width:100%}textarea.form-control{font-size:14px;font-size:var(--font-size-base)}select.form-control{-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center /16px;background:var(--select-caret-light) no-repeat right 12px center /16px;background-color:#fffffd;background-color:var(--color-surface);padding:8px 12px;padding:var(--space-8) var(--space-12);padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){select.form-control{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center /16px;background:var(--select-caret-dark) no-repeat right 12px center /16px;background-color:#fffffd;background-color:var(--color-surface)}}[data-color-scheme=dark] select.form-control{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center /16px;background:var(--select-caret-dark) no-repeat right 12px center /16px;background-color:#fffffd;background-color:var(--color-surface)}[data-color-scheme=light] select.form-control{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center /16px;background:var(--select-caret-light) no-repeat right 12px center /16px;background-color:#fffffd;background-color:var(--color-surface)}.form-label{display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-8)}.form-group{margin-bottom:16px;margin-bottom:var(--space-16)}.card{background-color:#fffffd;background-color:var(--color-surface)}.card__body,.card__footer,.card__header{padding:16px;padding:var(--space-16)}.card__footer,.card__header{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner)}.status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:6px 12px;padding:var(--space-6) var(--space-12)}.status--success{background-color:#21808d26;background-color:rgba(var(--color-success-rgb,33,128,141),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb,33,128,141),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.status--error{background-color:#c0152f26;background-color:rgba(var(--color-error-rgb,192,21,47),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb,192,21,47),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.status--warning{background-color:#a84b2f26;background-color:rgba(var(--color-warning-rgb,168,75,47),var(--status-bg-opacity));border:1px solid #a84b2f40;border:1px solid rgba(var(--color-warning-rgb,168,75,47),var(--status-border-opacity));color:#a84b2f;color:var(--color-warning)}.status--info{background-color:#626c7126;background-color:rgba(var(--color-info-rgb,98,108,113),var(--status-bg-opacity));border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb,98,108,113),var(--status-border-opacity));color:#626c71;color:var(--color-info)}.container{margin-left:auto;margin-right:auto;padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16);width:100%}@media (min-width:640px){.container{max-width:640px;max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:768px;max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:1024px;max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:1280px;max-width:var(--container-xl)}}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:4px;gap:var(--space-4)}.gap-8{gap:8px;gap:var(--space-8)}.gap-16{gap:16px;gap:var(--space-16)}.m-0{margin:0}.mt-8{margin-top:8px;margin-top:var(--space-8)}.mb-8{margin-bottom:8px;margin-bottom:var(--space-8)}.mx-8{margin-left:8px;margin-left:var(--space-8);margin-right:8px;margin-right:var(--space-8)}.my-8{margin-bottom:8px;margin-bottom:var(--space-8);margin-top:8px;margin-top:var(--space-8)}.p-0{padding:0}.py-8{padding-bottom:8px;padding-bottom:var(--space-8);padding-top:8px;padding-top:var(--space-8)}.px-8{padding-left:8px;padding-left:var(--space-8);padding-right:8px;padding-right:var(--space-8)}.py-16{padding-bottom:16px;padding-bottom:var(--space-16);padding-top:16px;padding-top:var(--space-16)}.px-16{padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16)}.block{display:block}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2) format("woff2")}.page-header{margin-bottom:32px;margin-bottom:var(--space-32)}.page-header h1{color:#13343b;color:var(--color-text);font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0 0 8px;margin:0 0 var(--space-8) 0}.page-header p{color:#626c71;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-lg);line-height:1.5;line-height:var(--line-height-normal);margin:0}.card{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:var(--shadow-md)}.card-header{background:#5e52401f;background:var(--color-secondary);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);padding:20px 24px;padding:var(--space-20) var(--space-24)}.card-header h2{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0}.card-body{padding:24px;padding:var(--space-24)}.form{gap:20px;gap:var(--space-20)}.form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px;gap:var(--space-8)}.form-group label{color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.form-group small{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs)}.form-control,.form-group small{line-height:1.5;line-height:var(--line-height-normal)}.form-control{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-md);padding:10px 12px;padding:var(--space-10) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.form-control:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.form-control:disabled{background:#5e52401f;background:var(--color-secondary);cursor:not-allowed;opacity:.6}.form-control::placeholder{color:#626c71;color:var(--color-text-secondary)}textarea.form-control{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);min-height:100px;resize:vertical}.form-group.checkbox{align-items:center;flex-direction:row;gap:12px;gap:var(--space-12)}.form-group.checkbox label{align-items:center;cursor:pointer;display:flex;gap:8px;gap:var(--space-8);margin:0;-webkit-user-select:none;user-select:none}.form-group.checkbox input{accent-color:#21808d;accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-8);line-height:1.5;line-height:var(--line-height-normal);padding:10px 20px;padding:var(--space-10) var(--space-20);text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.btn-primary{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-primary:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active:not(:disabled){background:#1a6873;background:var(--color-primary-active);transform:translateY(0)}.btn-secondary{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:#5e524033;background:var(--color-secondary-hover)}.btn-secondary:active:not(:disabled){background:#5e524040;background:var(--color-secondary-active)}.btn-danger{background:#c0152f;background:var(--color-error);color:#fff;color:var(--color-white)}.btn-danger:hover:not(:disabled){background:#c0152f;background:var(--color-red-500);box-shadow:var(--shadow-sm)}.btn-lg{border-radius:10px;border-radius:var(--radius-md);font-size:16px;font-size:var(--font-size-lg);padding:12px 24px;padding:var(--space-12) var(--space-24)}.btn-sm{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-sm);padding:8px 16px;padding:var(--space-8) var(--space-16)}.badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);line-height:1.5;padding:4px 12px;padding:var(--space-4) var(--space-12);text-align:center}.badge-primary{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.badge-success{background:#21808d;background:var(--color-success)}.badge-success,.badge-warning{color:#fff;color:var(--color-white)}.badge-warning{background:#a84b2f;background:var(--color-warning)}.badge-danger{background:#c0152f;background:var(--color-error)}.badge-danger,.badge-info{color:#fff;color:var(--color-white)}.badge-info{background:#626c71;background:var(--color-info)}.badge-outline{background:#0000;border:1px solid;padding:3px 11px;padding:calc(var(--space-4) - 1px) calc(var(--space-12) - 1px)}.badge-outline.badge-success{border-color:#21808d;border-color:var(--color-success);color:#21808d;color:var(--color-success)}.badge-outline.badge-warning{border-color:#a84b2f;border-color:var(--color-warning);color:#a84b2f;color:var(--color-warning)}.badge-outline.badge-danger{border-color:#c0152f;border-color:var(--color-error);color:#c0152f;color:var(--color-error)}.alert{align-items:center;animation:slideDown .25s cubic-bezier(.16,1,.3,1);animation:slideDown var(--duration-normal) var(--ease-standard);border-left:4px solid;border-radius:8px;border-radius:var(--radius-base);display:flex;gap:12px;gap:var(--space-12);margin-bottom:20px;margin-bottom:var(--space-20);padding:16px;padding:var(--space-16)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#21808d26;background:rgba(var(--color-success-rgb),var(--status-bg-opacity));border-left-color:#21808d;border-left-color:var(--color-success);color:#21808d;color:var(--color-success)}.alert-error{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity));border-left-color:#c0152f;border-left-color:var(--color-error);color:#c0152f;color:var(--color-error)}.alert-warning{background:#a84b2f26;background:rgba(var(--color-warning-rgb),var(--status-bg-opacity));border-left-color:#a84b2f;border-left-color:var(--color-warning);color:#a84b2f;color:var(--color-warning)}.alert-info{background:#626c7126;background:rgba(var(--color-info-rgb),var(--status-bg-opacity));border-left-color:#626c71;border-left-color:var(--color-info);color:#626c71;color:var(--color-info)}.alert-content{align-items:center;display:flex;flex:1 1;gap:12px;gap:var(--space-12)}.table{border-collapse:collapse;margin-top:16px;margin-top:var(--space-16);width:100%}.table thead{background:#5e52401f;background:var(--color-secondary);border-bottom:2px solid #5e524033;border-bottom:2px solid var(--color-border)}.table th{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:.5px;line-height:1.5;line-height:var(--line-height-normal);padding:12px 16px;padding:var(--space-12) var(--space-16);text-align:left;text-transform:uppercase}.table tbody tr{border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);transition:background .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-standard)}.table tbody tr:hover{background:#5e52401f;background:var(--color-secondary)}.table td{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-md);line-height:1.5;line-height:var(--line-height-normal)}.search-box,.table td{padding:12px 16px;padding:var(--space-12) var(--space-16)}.search-box{align-items:center;background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);display:flex;gap:12px;gap:var(--space-12);margin-bottom:20px;margin-bottom:var(--space-20);transition:border-color .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard)}.search-box:focus-within{border-color:#21808d;border-color:var(--color-primary)}.search-box input{background:#0000;border:none;color:#13343b;color:var(--color-text);flex:1 1;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-md);outline:none}.search-box input::placeholder,.search-box svg{color:#626c71;color:var(--color-text-secondary)}.priority-high{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity));color:#c0152f;color:var(--color-error)}.priority-high,.priority-medium{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.priority-medium{background:#a84b2f26;background:rgba(var(--color-warning-rgb),var(--status-bg-opacity));color:#a84b2f;color:var(--color-warning)}.priority-low{background:#21808d26;background:rgba(var(--color-success-rgb),var(--status-bg-opacity));border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-sm)}.priority-low,.status-sent{color:#21808d;color:var(--color-success)}.priority-low,.status-pending,.status-sent{font-weight:500;font-weight:var(--font-weight-medium)}.status-pending{color:#a84b2f;color:var(--color-warning)}.status-failed{color:#c0152f;color:var(--color-error);font-weight:500;font-weight:var(--font-weight-medium)}.preview-section{display:flex;flex-direction:column;gap:20px;gap:var(--space-20)}.preview-box{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);min-height:200px;padding:16px;padding:var(--space-16)}.preview-subject{border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:12px;margin-bottom:var(--space-12);padding-bottom:12px;padding-bottom:var(--space-12)}.preview-message,.preview-subject{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-md)}.preview-message{line-height:1.6;margin-bottom:16px;margin-bottom:var(--space-16)}.preview-meta{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-8)}.channel-badge{background:#21808d;background:var(--color-primary);border-radius:6px;border-radius:var(--radius-sm);color:#fcfcf9;color:var(--color-btn-primary-text);display:inline-block;font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);padding:4px 12px;padding:var(--space-4) var(--space-12)}.info-section{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);padding:16px;padding:var(--space-16)}.info-section h3{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-md);font-weight:550;font-weight:var(--font-weight-semibold);margin:0 0 12px;margin:0 0 var(--space-12) 0}.info-section ul{list-style:none;margin:0;padding:0}.info-section li{border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);line-height:1.5;line-height:var(--line-height-normal);padding:8px 0;padding:var(--space-8) 0}.info-section li:last-child{border-bottom:none}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-8);justify-content:center;margin-top:20px;margin-top:var(--space-20)}.pagination button,.pagination span{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);cursor:pointer;font-size:14px;font-size:var(--font-size-md);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);padding:8px 12px;padding:var(--space-8) var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.pagination button:hover{background:#5e52401f;background:var(--color-secondary);border-color:#21808d;border-color:var(--color-primary)}.pagination button:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.pagination .active{background:#21808d;background:var(--color-primary);border-color:#21808d;border-color:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text);font-weight:500;font-weight:var(--font-weight-medium)}.form-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12);justify-content:flex-end}@media (max-width:480px){.page-header h1{font-size:24px;font-size:var(--font-size-3xl)}.page-header p{font-size:14px;font-size:var(--font-size-md)}.card-header{padding:16px;padding:var(--space-16)}.card-header h2{font-size:16px;font-size:var(--font-size-lg)}.card-body{padding:16px;padding:var(--space-16)}.form{gap:16px;gap:var(--space-16)}.btn{font-size:12px;font-size:var(--font-size-sm);justify-content:center;padding:10px 16px;padding:var(--space-10) var(--space-16)}.btn-lg{font-size:14px;font-size:var(--font-size-md);padding:12px 20px;padding:var(--space-12) var(--space-20)}.btn-sm{font-size:11px;font-size:var(--font-size-xs);padding:6px 12px;padding:var(--space-6) var(--space-12)}.form-actions{flex-direction:column;gap:8px;gap:var(--space-8)}.form-actions .btn{width:100%}.table,.table td,.table th{font-size:12px;font-size:var(--font-size-sm)}.table td,.table th{padding:8px 12px;padding:var(--space-8) var(--space-12)}.table th{font-size:11px;font-size:var(--font-size-xs)}.search-box{padding:10px 12px;padding:var(--space-10) var(--space-12)}.info-section,.preview-box{padding:12px;padding:var(--space-12)}.pagination{gap:4px;gap:var(--space-4)}.pagination button,.pagination span{font-size:12px;font-size:var(--font-size-sm);padding:6px 10px;padding:var(--space-6) var(--space-10)}.alert{align-items:flex-start;flex-direction:column;padding:12px;padding:var(--space-12)}.badge{font-size:11px;padding:2px 8px;padding:var(--space-2) var(--space-8)}}:root{--primary-color:var(--color-primary);--primary-dark:var(--color-primary-hover);--primary-light:var(--color-primary-active);--secondary-color:var(--color-success);--danger-color:var(--color-error);--warning-color:var(--color-warning);--info-color:var(--color-info);--success-color:var(--color-success);--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--text-light:var(--color-text-secondary);--bg-primary:var(--color-surface);--bg-secondary:var(--color-background);--bg-tertiary:var(--color-secondary);--border-color:var(--color-border);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:0 20px 25px #0000000a;--transition-smooth:all var(--duration-normal) var(--ease-standard)}body{color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}.app-container,body{background-color:#fcfcf9;background-color:var(--color-background)}.app-container{display:flex;height:100vh;position:relative}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-normal) var(--ease-standard);z-index:999}.sidebar-overlay.visible{opacity:1;pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:250px;overflow:hidden;transition:margin-left .25s cubic-bezier(.16,1,.3,1);transition:margin-left var(--duration-normal) var(--ease-standard)}.main-content.sidebar-closed{margin-left:0}.main-content.sidebar-open{margin-left:250px}@media (max-width:768px){.sidebar-overlay{display:block}.main-content,.main-content.sidebar-open{margin-left:0}}.page-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px;padding:var(--space-24)}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-track{background:#fcfcf9;background:var(--color-background)}.page-content::-webkit-scrollbar-thumb{background:#5e524033;background:var(--color-border);border-radius:6px;border-radius:var(--radius-sm)}.page-content::-webkit-scrollbar-thumb:hover{background:#626c71;background:var(--color-text-secondary)}.container{margin:0 auto;max-width:1280px;max-width:var(--container-xl)}.grid-2{grid-gap:24px;grid-gap:var(--space-24);grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:24px;gap:var(--space-24)}.grid-3{grid-gap:24px;grid-gap:var(--space-24);grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.gap-2{gap:8px;gap:var(--space-8)}.gap-3{gap:12px;gap:var(--space-12)}.gap-4{gap:16px;gap:var(--space-16)}.gap-6{gap:24px;gap:var(--space-24)}.mt-4{margin-top:16px;margin-top:var(--space-16)}.mt-6{margin-top:24px;margin-top:var(--space-24)}.mb-4{margin-bottom:16px;margin-bottom:var(--space-16)}.mb-6{margin-bottom:24px;margin-bottom:var(--space-24)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-content{padding:16px;padding:var(--space-16)}}@media (max-width:480px){.page-content{padding:12px;padding:var(--space-12)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.gap-6,.grid-2,.grid-3,.grid-4{gap:16px;gap:var(--space-16)}.gap-4{gap:12px;gap:var(--space-12)}.mt-6{margin-top:16px;margin-top:var(--space-16)}.mb-6{margin-bottom:16px;margin-bottom:var(--space-16)}}
/*# sourceMappingURL=main.c9029b79.css.map*/