@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--primary-color: #0C4F78;--primary: #0C4F78;--zylo-primary: #0C4F78;--primary-hover: #083754;--primary-subtle: #F0F7FB;--primary-border: #BCD8E9;--primary-glow: rgba(12, 79, 120, .14);--purple-color: #7C3AED;--purple-hover: #6D28D9;--slate-950: #0B0F17;--slate-900: #0F172A;--slate-800: #1E293B;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748B;--slate-400: #94A3B8;--slate-300: #CBD5E1;--slate-200: #E2E8F0;--slate-100: #F1F5F9;--slate-50: #F8FAFC;--white: #FFFFFF;--emerald-600: #059669;--emerald-50: #ECFDF5;--emerald-200: #A7F3D0;--amber-600: #D97706;--amber-50: #FFFBEB;--amber-200: #FDE68A;--rose-600: #E11D48;--rose-50: #FFF1F2;--rose-200: #FECDD3;--sky-600: #0284C7;--sky-50: #F0F9FF;--sky-200: #BAE6FD;--font-family: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-size-title: 15px;--font-size-header: 15px;--font-size-base: 12px;--font-size-body: 12px;--font-size-sm: 11px;--font-size-xs: 10px;--header-h: 55px;--sidebar-w: 230px;--list-w: 380px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-subtle: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-card: 0 1px 3px rgba(15, 23, 42, .05), 0 1px 2px rgba(15, 23, 42, .03);--shadow-dropdown: 0 10px 25px -3px rgba(15, 23, 42, .12), 0 4px 6px -2px rgba(15, 23, 42, .06);--shadow-composer: 0 24px 48px -12px rgba(15, 23, 42, .18), 0 8px 16px -4px rgba(15, 23, 42, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--slate-800);background-color:var(--slate-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100%;height:100%}body,button,input,select,textarea,td,th,label,span,p,div,h1,h2,h3,h4,h5,h6{font-family:var(--font-family)}h1,h2,h3,h4,h5,h6{font-size:var(--font-size-title);color:var(--slate-900)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.zylo-master-header{height:55px;background:var(--primary-color, #0C4F78);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:relative;z-index:100;box-shadow:0 1px 3px #0000001a}.zylo-header-tool{cursor:pointer;opacity:.88;transition:all .18s ease;position:relative;padding:5px 8px;border-radius:6px;display:flex;align-items:center;gap:6px;color:#fff}.zylo-header-tool:hover,.zylo-header-tool.active{opacity:1;background:#ffffff24}.zylo-user-avatar{width:28px;height:28px;background:#fff;color:var(--primary-color, #0C4F78);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;box-shadow:0 1px 3px #00000026}.zylo-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-family);font-size:var(--font-size-base, 12px);font-weight:600;height:32px;padding:0 14px;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap;outline:none;text-decoration:none}.zylo-btn-primary{background:var(--primary-color, #0C4F78);color:#fff;border-color:var(--primary-color, #0C4F78);box-shadow:0 1px 2px #0c4f7829}.zylo-btn-primary:hover:not(:disabled){background:var(--primary-hover, #083754);border-color:var(--primary-hover, #083754);transform:translateY(-1px)}.zylo-btn-secondary{background:#fff;color:var(--slate-700);border-color:var(--slate-300)}.zylo-btn-secondary:hover:not(:disabled){background:var(--slate-50);border-color:var(--slate-400);color:var(--slate-900)}.zylo-btn-ghost{background:transparent;color:var(--slate-600);border-color:transparent}.zylo-btn-ghost:hover:not(:disabled){background:var(--slate-100);color:var(--slate-900)}.zylo-badge{padding:3px 8px;border-radius:4px;font-size:var(--font-size-sm, 11px);font-weight:600;display:inline-flex;align-items:center;gap:4px;line-height:1}.zylo-input{width:100%;font-family:var(--font-family);font-size:var(--font-size-base, 12px);padding:8px 12px;border-radius:6px;border:1px solid var(--slate-300, #CBD5E1);background-color:#fff;color:var(--slate-900);outline:none;transition:all .15s ease}.zylo-input:focus{border-color:var(--primary-color, #0C4F78);box-shadow:0 0 0 3px var(--primary-glow)}.zylo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}@media(max-width:900px){.zylo-desktop-only{display:none!important}.zylo-mobile-only{display:flex!important}.zylo-login-container{flex-direction:column!important;overflow-y:auto!important}.zylo-login-hero{display:none!important}.zylo-login-form-panel{width:100%!important;min-width:100%!important;padding:28px 20px!important;min-height:100vh!important}.zylo-mobile-full{width:100%!important;max-width:100%!important}.zylo-composer-modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;border-radius:0!important}}@media(min-width:901px){.zylo-mobile-only{display:none!important}.zylo-desktop-only{display:flex!important}}