:root{--brand-50:#e6f7f2;--brand-100:#bcf0df;--brand-200:#93e8cb;--brand-300:#68dfb7;--brand-400:#3fd7a4;--brand-500:#00b077;--brand-600:#008e60;--brand-700:#00734e;--brand-800:#00563b;--brand-900:#003a27;--accent-cyan:#06b6d4;--accent-violet:#008e60;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--sidebar-width:252px;--sidebar-collapsed:62px;--drawer-width:252px;--transition:.14s cubic-bezier(.4, 0, .2, 1);--transition-slow:.28s cubic-bezier(.4, 0, .2, 1);--bg-base:#fff;--bg-surface:#fff;--bg-raised:#f8f9fc;--bg-overlay:#f1f5f9;--border:#00000014;--border-accent:#00b07726;--text-primary:#111;--text-secondary:#333;--text-muted:#666;--shadow:0 4px 12px #0000000d;--shadow-brand:0 0 20px #00b07726;--stat-icon-opacity:.1;--danger:#f43f5e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);min-height:100dvh;font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Unbounded,sans-serif}h1{letter-spacing:-.03em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.15}h2{letter-spacing:-.025em;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;line-height:1.2}h3{letter-spacing:-.02em;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:600;line-height:1.3}h4{font-size:1.125rem;font-weight:600}h5{font-size:.9375rem;font-weight:600}p{color:var(--text-secondary);line-height:1.7}code,pre,kbd{font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition), box-shadow var(--transition);padding:1.5rem}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-brand)}.card-raised{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #ffffff14}.btn{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--brand-500), var(--brand-700));color:#fff;box-shadow:0 0 20px #00b0774d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--brand-400), var(--brand-600));transform:translateY(-1px);box-shadow:0 0 30px #00b07780}.btn-secondary{background:var(--bg-raised);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-overlay);border-color:var(--border-accent)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-raised);color:var(--text-primary)}.btn-danger{color:var(--danger);background:#f43f5e26;border-color:#f43f5e4d}.btn-danger:hover:not(:disabled){background:#f43f5e40}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{border-radius:var(--radius-lg);padding:.875rem 1.75rem;font-size:1rem}.btn-full{width:100%}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.01em;font-size:.8125rem;font-weight:500}.form-input{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #00b07726}.form-error{color:var(--danger);align-items:center;gap:.25rem;font-size:.8125rem;display:flex}.form-hint{color:var(--text-muted);font-size:.8125rem}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238888a8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:.25rem;padding:.2rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-brand{color:var(--brand-400);background:#00b07726}.badge-success{color:var(--accent-emerald);background:#10b98126}.badge-warning{color:var(--accent-amber);background:#f59e0b26}.badge-danger{color:var(--accent-rose);background:#f43f5e26}.badge-info{color:var(--accent-cyan);background:#06b6d426}.badge-muted{background:var(--bg-raised);color:var(--text-muted)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.data-table td{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:.875rem 1rem;font-size:.875rem}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover{background:#ffffff05}.os-layout{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr;min-height:100dvh;display:grid}.os-sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);z-index:50;scrollbar-width:none;flex-direction:column;height:100dvh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.os-sidebar::-webkit-scrollbar{display:none}.os-main{margin-left:var(--sidebar-width);flex-direction:column;min-height:100dvh;display:flex}.os-topbar{z-index:40;background:var(--bg-base);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.os-content{flex:1;padding:2rem 1.5rem}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:.75rem;padding:1.5rem 1.25rem 1rem;display:flex}.logo-mark{background:linear-gradient(135deg, var(--brand-500), var(--accent-violet));border-radius:var(--radius);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:900;display:flex;box-shadow:0 0 20px #00b07766}.logo-text{flex-direction:column;gap:0;display:flex}.logo-name{letter-spacing:-.02em;color:var(--text-primary);font-size:.9375rem;font-weight:800;line-height:1.1}.logo-tagline{color:var(--brand-500);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:.125rem;padding:0 .75rem;display:flex}.nav-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:1rem .5rem .375rem;font-size:.6875rem;font-weight:700}.nav-item{border-radius:var(--radius);color:var(--text-secondary);transition:all var(--transition);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-raised);color:var(--text-primary)}.nav-item.active{color:var(--brand-400);background:#00b0771f;border-color:#00b07733}.nav-item.active .nav-icon{color:var(--brand-500)}.nav-icon{opacity:.7;flex-shrink:0;width:18px;height:18px}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:.75rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--brand-500), transparent);opacity:0;height:2px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-brand);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-value{letter-spacing:-.03em;color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:.8125rem;font-weight:500}.stat-change{align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.stat-change.up{color:var(--accent-emerald)}.stat-change.down{color:var(--accent-rose)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.page-title{letter-spacing:-.03em;color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1.2}.page-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000038;border-radius:3px}.alert{border-radius:var(--radius);align-items:flex-start;gap:.625rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.alert-error{color:#fca5a5;background:#f43f5e1a;border:1px solid #f43f5e40}.alert-success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98140}.alert-info{color:#67e8f9;background:#06b6d41a;border:1px solid #06b6d440}.alert-warning{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b40}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #00b0774d}50%{box-shadow:0 0 30px #00b077b3}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.spinner{border:2px solid #0000001f;border-top-color:var(--brand-500);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.fade-in{animation:.3s ease-out forwards fade-in}.slide-in{animation:.25s ease-out forwards slide-in}.divider{background:var(--border);height:1px;margin:1.5rem 0}.divider-text{color:var(--text-muted);align-items:center;gap:1rem;font-size:.8125rem;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border);flex:1;height:1px}@media (max-width:1024px){.os-layout{grid-template-columns:1fr}.os-sidebar{transition:transform var(--transition-slow);transform:translate(-100%)}.os-sidebar.open{transform:translate(0)}.os-main{margin-left:0}}@media (max-width:640px){.stat-grid{grid-template-columns:1fr 1fr}.page-header{flex-direction:column}.os-content{padding:1.25rem 1rem}}.drawer-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1040;background:#00000073;animation:.18s ease-out fade-in;position:fixed;inset:0}.drawer-sidebar{background:var(--bg-surface);border-right:1px solid var(--border);z-index:50;flex-direction:column;height:100dvh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.drawer-section-divider{background:var(--border);opacity:.7;height:1px;margin:.5rem .75rem}.drawer-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);white-space:nowrap;padding:.75rem 1rem .25rem;font-size:.625rem;font-weight:800;overflow:hidden}.drawer-nav-item{border-radius:var(--radius);color:var(--text-secondary);transition:all var(--transition);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.drawer-nav-item:before{content:"";background:var(--brand-500);opacity:0;width:3px;transition:opacity var(--transition);border-radius:0 2px 2px 0;position:absolute;top:20%;bottom:20%;left:0}.drawer-nav-item:hover{background:var(--bg-raised);color:var(--text-primary)}.drawer-nav-item.active{color:#00b077;background:#00b0771a;font-weight:600}.drawer-nav-item.active:before{opacity:1}.drawer-nav-icon{opacity:.6;width:17px;height:17px;transition:opacity var(--transition);flex-shrink:0}.drawer-nav-item:hover .drawer-nav-icon,.drawer-nav-item.active .drawer-nav-icon{opacity:1}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.skeleton{background:linear-gradient(90deg, var(--bg-raised) 25%, var(--bg-overlay) 50%, var(--bg-raised) 75%);border-radius:var(--radius);background-size:200%;animation:1.4s linear infinite shimmer}.skeleton-text{border-radius:4px;height:.875rem}.skeleton-title{border-radius:4px;height:1.25rem}.skeleton-avatar{border-radius:50%}.skeleton-card{border-radius:var(--radius-lg);height:120px}.global-search{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);flex:1;align-items:center;gap:.5rem;min-width:220px;max-width:360px;padding:.5rem .875rem;display:flex}.global-search:focus-within{background:var(--bg-surface);border-color:#00b077;box-shadow:0 0 0 3px #00b0771f}.global-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.875rem}.global-search input::placeholder{color:var(--text-muted)}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{border-radius:var(--radius);pointer-events:auto;border:1px solid #0000;align-items:center;gap:.75rem;min-width:280px;max-width:420px;padding:.875rem 1.125rem;font-size:.875rem;font-weight:500;animation:.25s ease-out slide-up;display:flex;box-shadow:0 8px 24px #0000002e}.toast-success{color:#6ee7b7;background:#0d1f18;border-color:#10b98140}.toast-error{color:#fca5a5;background:#1f0d13;border-color:#f43f5e40}.toast-info{color:#93c5fd;background:#0d1420;border-color:#6366f140}.toast-warning{color:#fcd34d;background:#1f1a0d;border-color:#f59e0b40}[data-theme=dark]{--bg-base:#0f1117;--bg-surface:#161b22;--bg-raised:#1c2230;--bg-overlay:#232b3a;--border:#ffffff14;--border-accent:#00b07733;--text-primary:#f0f4f8;--text-secondary:#b8c5d6;--text-muted:#6b7c93;--shadow:0 4px 20px #0006;--shadow-brand:0 0 24px #00b07733}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f}[data-theme=dark] .toast-success{background:#10b9811a}[data-theme=dark] .toast-error{background:#f43f5e1a}.stat-card:hover{border-color:var(--border-accent);box-shadow:0 8px 24px #00000012}a[style*="background: var(--bg-raised)"],div[style*="background: var(--bg-raised)"]{transition:box-shadow var(--transition), border-color var(--transition), transform var(--transition)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}main>*{animation:.2s ease-out page-in}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.dashboard-topbar{-webkit-backdrop-filter:blur(20px);background:#ffffffd9}[data-theme=dark] .dashboard-topbar{background:#161b22e0}.ghost-chip{color:#818cf8;cursor:pointer;transition:all var(--transition);white-space:nowrap;background:#6366f11f;border:1px solid #6366f140;border-radius:99px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.ghost-chip:hover{background:#6366f138;border-color:#6366f166;transform:translateY(-1px)}.entity-access-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.75rem;display:grid}.data-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.data-row:last-child{border-bottom:none}.section-block{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;padding:1.375rem}.section-block-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.125rem;display:flex}.section-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1rem;font-weight:800}.section-subtitle{color:var(--text-muted);margin-top:.2rem;font-size:.8125rem}@media (max-width:1023px){#mobile-hamburger{display:flex!important}body .dashboard-desktop-sidebar{display:none!important}}@media (min-width:1024px){#mobile-hamburger{display:none!important}}*{box-sizing:border-box}.kanban-board{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:.75rem;padding-bottom:1rem;display:flex;overflow:auto visible}.kanban-column{scroll-snap-align:start;flex-direction:column;flex:0 0 280px;min-width:280px;max-width:280px;max-height:calc(100vh - 200px);display:flex}.kanban-column-body{scrollbar-width:thin;flex-direction:column;flex:1;gap:.5rem;padding:.5rem;display:flex;overflow:hidden auto}.task-card,.deal-card{word-break:break-word;overflow-wrap:break-word;min-width:0}.table-responsive{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;overflow-x:auto}.table-responsive table{min-width:600px}.os-content,.dashboard-content{min-width:0;overflow-x:hidden}.stat-grid>*,.grid>*{min-width:0;overflow:hidden}.section-block p,.section-block span,.card p,.card span{word-break:break-word;overflow-wrap:break-word;max-width:100%}html{scroll-behavior:smooth}.modal-body{scrollbar-width:thin;max-height:70vh;overflow-y:auto}@media (max-width:768px){.stat-grid{gap:.625rem;grid-template-columns:1fr 1fr!important}.section-block{padding:1rem}.page-title{font-size:1.25rem}.os-content{padding:1rem}.flex-row-to-col{flex-direction:column!important;align-items:stretch!important}}@media (max-width:480px){.stat-grid{grid-template-columns:1fr!important}}.tutorial-banner{background:linear-gradient(135deg,#00b07714,#6366f114);border:1px solid #00b07733;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.875rem 1.25rem;animation:.3s ease-out fade-in;display:flex}.tutorial-banner-text{color:var(--text-secondary);font-size:.875rem}.tutorial-banner-text strong{color:var(--text-primary)}.tutorial-skip-btn{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition);border-radius:6px;flex-shrink:0;padding:.375rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:700}.tutorial-skip-btn:hover{color:var(--text-primary);border-color:var(--border-accent)}.drawer-sidebar,.kanban-board,.modal,.toast-container{will-change:transform;contain:layout style}.stat-card{contain:layout style paint}.section-block{contain:layout}.os-topbar,.dashboard-topbar{min-height:60px}::-webkit-scrollbar-thumb{background:#00b0772e}::-webkit-scrollbar-thumb:hover{background:#00b07759}.data-table tbody tr:nth-child(2n){background:#ffffff04}input,select,textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.badge{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .625rem;font-size:.6875rem;font-weight:800;display:inline-flex}.badge-green{color:#00b077;background:#00b0771f;border:1px solid #00b07733}.badge-red{color:#f43f5e;background:#f43f5e1f;border:1px solid #f43f5e33}.badge-amber{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b33}.badge-blue{color:#06b6d4;background:#06b6d41f;border:1px solid #06b6d433}.badge-purple{color:#8b5cf6;background:#8b5cf61f;border:1px solid #8b5cf633}.badge-gray{color:#9ca3af;background:#6b72801f;border:1px solid #6b728033}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}