@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--background:#fff;--foreground:#09090b;--card:#fff;--card-foreground:#09090b;--primary:#09090b;--primary-foreground:#fafafa;--secondary:#f4f4f5;--secondary-foreground:#18181b;--muted:#f4f4f5;--muted-foreground:#71717a;--accent:#f4f4f5;--accent-foreground:#18181b;--border:#e4e4e7;--input:#e4e4e7;--ring:#18181b;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{font-family:var(--font-sans);color:var(--foreground);-webkit-font-smoothing:antialiased;background-color:#fafafa;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-family:inherit;font-size:.84rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-default{background-color:var(--primary);color:var(--primary-foreground)}.btn-default:hover:not(:disabled){background-color:#27272a}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border-color:#e4e4e7}.btn-secondary:hover:not(:disabled){background-color:#e4e4e7}.btn-outline{border-color:var(--border);color:var(--foreground);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--accent)}.btn-destructive{color:#991b1b;background-color:#fee2e2;border-color:#fecaca}.btn-destructive:hover:not(:disabled){background-color:#fca5a5}.btn-ghost{color:var(--muted-foreground);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--accent);color:var(--foreground)}.btn-sm{border-radius:6px;height:30px;padding:0 10px;font-size:.78rem}.form-input,.form-select,.form-textarea{border-radius:var(--radius);border:1px solid var(--input);width:100%;color:var(--foreground);background-color:#fff;padding:8px 12px;font-family:inherit;font-size:.86rem;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--ring);box-shadow:0 0 0 1px var(--ring);outline:none}.form-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--foreground)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--foreground)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--foreground)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form-input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--foreground)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form-textarea{resize:vertical;min-height:80px}.form-group{margin-bottom:14px}.form-label{color:#52525b;margin-bottom:5px;font-size:.8rem;font-weight:500;display:block}.badge{border:1px solid #0000;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:.74rem;font-weight:600;line-height:1.3;display:inline-flex}.badge-default{color:#fafafa;background-color:#18181b}.badge-secondary{color:#3f3f46;background-color:#f4f4f5;border-color:#e4e4e7}.badge-day-1{color:#1e40af;background-color:#eff6ff;border-color:#bfdbfe}.badge-day-2{color:#5b21b6;background-color:#f5f3ff;border-color:#ddd6fe}.badge-day-3{color:#6b21a8;background-color:#faf5ff;border-color:#f3e8ff}.badge-day-4{color:#9d174d;background-color:#fdf2f8;border-color:#fbcfe8}.badge-day-5{color:#92400e;background-color:#fffbeb;border-color:#fde68a}.badge-day-6{color:#065f46;background-color:#ecfdf5;border-color:#a7f3d0}.badge-day-done{color:#166534;background-color:#f0fdf4;border-color:#bbf7d0}.badge-status-active{color:#1d4ed8;background-color:#eff6ff;border-color:#dbeafe}.badge-status-success{color:#047857;background-color:#ecfdf5;border-color:#a7f3d0}.badge-status-paused{color:#b45309;background-color:#fffbeb;border-color:#fde68a}.badge-status-failed{color:#991b1b;background-color:#fef2f2;border-color:#fecaca}.sop-stepper{align-items:center;gap:4px;display:inline-flex}.sop-step-dot{cursor:pointer;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:700;transition:all .15s;display:flex}.sop-step-dot:hover{transform:scale(1.1)}.sop-step-done{color:#fff;background-color:#10b981;border-color:#059669}.sop-step-current{color:#2563eb;background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.sop-step-pending{color:#a1a1aa;background-color:#f4f4f5;border-color:#e4e4e7}.staff-avatar{color:#fff;background-color:#18181b;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.table-container{border:1px solid var(--border);border-radius:var(--radius);background-color:#fff;width:100%;overflow-x:auto}.shadcn-table th{color:#71717a;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;background-color:#fafafa;padding:11px 14px;font-size:.76rem;font-weight:600}.shadcn-table td{color:var(--foreground);border-bottom:1px solid #f4f4f5;padding:12px 14px}.shadcn-table tr:last-child td{border-bottom:none}.shadcn-table tr:hover td{background-color:#fafafa}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background-color:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border);background-color:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.modal-title{color:var(--foreground);font-size:1.05rem;font-weight:600}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;background-color:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-content{border-left:1px solid var(--border);background-color:#fff;flex-direction:column;width:100%;max-width:720px;height:100%;animation:.2s cubic-bezier(.16,1,.3,1) slideLeft;display:flex;box-shadow:-10px 0 25px -5px #0000001a}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.drawer-body{flex:1;padding:24px;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border);background-color:#fafafa;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.table-container{border-radius:var(--radius);border:1px solid var(--border);background-color:#fff;width:100%;overflow-x:auto}.shadcn-table{border-collapse:collapse;text-align:left;width:100%;font-size:.84rem}.shadcn-table thead tr{border-bottom:1px solid var(--border);background-color:#fafafa}.shadcn-table th{color:#71717a;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:10px 12px;font-size:.74rem;font-weight:600}.shadcn-table tbody tr{border-bottom:1px solid #f4f4f5;transition:background-color .15s}.shadcn-table tbody tr:last-child{border-bottom:none}.shadcn-table tbody tr:hover{background-color:#fafafa}.shadcn-table td{vertical-align:middle;padding:12px}.login-door-container{perspective:1400px;background-color:#09090b;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-brand-panel{z-index:10;transform-origin:0;will-change:transform, box-shadow;flex:50%;transition:transform .85s cubic-bezier(.77,0,.175,1),box-shadow .85s,opacity .85s;position:relative}.login-form-panel{z-index:10;transform-origin:100%;will-change:transform, box-shadow;flex:50%;transition:transform .85s cubic-bezier(.77,0,.175,1),box-shadow .85s,opacity .85s;position:relative}.door-opening-left{pointer-events:none;transform:translate(-102%)rotateY(6deg);box-shadow:40px 0 80px #000000e6}.door-opening-right{pointer-events:none;transform:translate(102%)rotateY(-6deg);box-shadow:-40px 0 80px #00000059}.door-center-beam{z-index:25;pointer-events:none;background:linear-gradient(#34d39900 0%,#34d399 50%,#34d39900 100%);width:2px;animation:.85s cubic-bezier(.16,1,.3,1) forwards seamPulse;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 25px 6px #34d399cc,0 0 50px 15px #10b98166}@keyframes seamPulse{0%{opacity:0;transform:translate(-50%)scaleY(0)}30%{opacity:1;transform:translate(-50%)scaleY(1)}to{opacity:0;transform:translate(-50%)scaleY(1.2)}}.door-portal-backdrop{color:#fafafa;z-index:5;pointer-events:none;background:radial-gradient(circle,#18181b 0%,#09090b 70%,#000 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.page-enter-scale{animation:.5s cubic-bezier(.16,1,.3,1) forwards pageScaleIn}@keyframes pageScaleIn{0%{opacity:0;filter:blur(4px);transform:scale(.975)}to{opacity:1;filter:blur();transform:scale(1)}}.door-close-overlay{z-index:9999;perspective:1400px;pointer-events:all;background-color:#0000;display:flex;position:fixed;inset:0;overflow:hidden}.door-closing-left{will-change:transform, box-shadow;animation:.82s cubic-bezier(.16,1,.3,1) forwards doorCloseLeft}.door-closing-right{will-change:transform, box-shadow;animation:.82s cubic-bezier(.16,1,.3,1) forwards doorCloseRight}@keyframes doorCloseLeft{0%{transform:translate(-102%)rotateY(6deg);box-shadow:40px 0 80px #000000e6}to{transform:translate(0)rotateY(0);box-shadow:0 0 #0000}}@keyframes doorCloseRight{0%{transform:translate(102%)rotateY(-6deg);box-shadow:-40px 0 80px #00000059}to{transform:translate(0)rotateY(0);box-shadow:0 0 #0000}}.page-recede-on-close{filter:blur(3px);pointer-events:none;transition:transform .65s cubic-bezier(.16,1,.3,1),filter .65s;transform:scale(.975)}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.sop-inputs-grid{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}@media (width<=768px){.form-input,.form-select,.form-textarea{font-size:16px!important}.login-door-container{perspective:none!important;flex-direction:column!important;overflow-y:auto!important}.login-brand-panel{border-bottom:1px solid #ffffff14!important;border-right:none!important;flex:none!important;width:100%!important;padding:24px 20px 16px!important}.login-brand-content{max-width:100%!important}.login-brand-pillars,.login-brand-teaser,.login-brand-footer{display:none!important}.login-brand-title{margin-bottom:8px!important;font-size:1.35rem!important}.login-brand-desc{margin-bottom:0!important;font-size:.82rem!important;line-height:1.45!important}.login-form-panel{flex:auto!important;width:100%!important;padding:24px 16px 40px!important}.login-form-wrapper{max-width:100%!important}.door-opening-left{opacity:0!important;transform:translateY(-100%)!important}.door-opening-right{opacity:0!important;transform:translateY(100%)!important}.crm-header{flex-wrap:wrap!important;gap:10px!important;height:auto!important;padding:10px 14px!important}.crm-header-left{justify-content:space-between!important;width:100%!important}.crm-header-badges{display:none!important}.crm-header-right{justify-content:space-between!important;width:100%!important}.crm-user-info{font-size:.78rem!important}.crm-mobile-tabs{z-index:25;background-color:#f4f4f5;border-bottom:1px solid #e4e4e7;padding:4px;position:sticky;top:0;display:flex!important}.crm-mobile-tab-btn{text-align:center;color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:.84rem;font-weight:600;transition:all .15s}.crm-mobile-tab-btn.active{color:#09090b;background:#fff;box-shadow:0 1px 3px #00000014}.crm-body-container{flex-direction:column!important}.crm-sidebar{border-bottom:1px solid #e4e4e7;max-height:calc(100vh - 120px);border-right:none!important;width:100%!important;min-width:100%!important}.crm-main-content{width:100%!important;min-width:0!important}.table-container{border-left:none!important;border-right:none!important;border-radius:0!important}.shadcn-table th,.shadcn-table td{padding:10px!important;font-size:.78rem!important}.drawer-content{border-left:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:100%!important}.drawer-header{padding:14px 16px!important}.drawer-body{padding:16px 14px!important}.drawer-footer{padding:12px 14px!important}.sop-days-nav{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;padding-bottom:4px!important;overflow-x:auto!important}.sop-inputs-grid{grid-template-columns:1fr!important;gap:10px!important}.grid-2{grid-template-columns:1fr!important;gap:12px!important}.mobile-hidden{display:none!important}.mobile-only-back{display:flex!important}.modal-content{width:95vw!important;max-width:95vw!important;max-height:92vh!important;padding:16px 14px!important}}.mobile-only-back{display:none}@media (width>=769px){.crm-mobile-tabs,.mobile-only-back{display:none!important}}