@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.login-shell{background:#0f2329;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-side{color:#fff;background:linear-gradient(165deg,#0f2329 0%,#1e394b 60%,#2c6266 120%);flex-direction:column;justify-content:space-between;padding:clamp(48px,6vw,80px);display:flex;position:relative;overflow:hidden}.login-side:before{content:"";pointer-events:none;background:radial-gradient(60% 70% at 30% 20%,#38a8a438,#0000 60%);position:absolute;inset:0}.login-side>*{position:relative}.login-brand{color:#fff;align-items:center;gap:12px;display:inline-flex}.login-brand img{width:32px;height:32px}.login-brand b{font-family:var(--font-display);letter-spacing:-.01em;font-size:17px;font-weight:700}.login-eyebrow{margin-top:56px;display:inline-block;color:var(--brand-aqua-soft)!important}.login-side h1{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;margin:18px 0;font-size:clamp(34px,4.5vw,52px);font-weight:700;line-height:1.1}.login-lead{color:#ffffffc7;max-width:480px;margin-bottom:32px;font-size:17px;line-height:1.6}.feature-list{flex-direction:column;gap:14px;max-width:480px;margin:0;padding:0;list-style:none;display:flex}.feature-list li{align-items:flex-start;gap:14px;display:flex}.feature-icon{width:36px;height:36px;color:var(--brand-aqua-soft);background:#38a8a42e;border:1px solid #38a8a459;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.feature-list b{font-family:var(--font-display);color:#fff;margin-bottom:4px;font-size:15px;font-weight:600;display:block}.feature-list span{color:#ffffffad;font-size:13.5px;line-height:1.5}.login-side-foot{color:#ffffff73;margin-top:40px;font-size:12.5px}.login-main{background:#fff;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,80px);display:flex}.login-form-wrap{width:100%;max-width:420px;margin:0 auto}.login-form-wrap h2{font-family:var(--font-display);color:var(--fg-1);letter-spacing:-.025em;margin:12px 0 8px;font-size:32px;font-weight:700}.login-sub{color:var(--fg-3);margin-bottom:32px;font-size:14.5px}.login-row{justify-content:space-between;align-items:center;margin:-4px 0 24px;font-size:13.5px;display:flex}.login-check{color:var(--fg-2);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.login-row a{color:var(--brand-deep);font-weight:600}.login-foot{text-align:center;color:var(--fg-3);margin-top:28px;font-size:13.5px}.login-foot a{color:var(--brand-deep);font-weight:600}@media (width<=1024px){.login-shell{grid-template-columns:1fr}}@font-face{font-family:Poppins;font-style:normal;font-weight:100;font-display:swap;src:url(/fonts/Poppins-Thin.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:100;font-display:swap;src:url(/fonts/Poppins-ThinItalic.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/Poppins-ExtraLight.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:200;font-display:swap;src:url(/fonts/Poppins-ExtraLightItalic.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/Poppins-Light.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/Poppins-LightItalic.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Poppins-Regular.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/Poppins-Italic.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Poppins-Medium.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/Poppins-MediumItalic.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Poppins-SemiBold.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/Poppins-SemiBoldItalic.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Poppins-Bold.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/Poppins-BoldItalic.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Poppins-ExtraBold.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/Poppins-ExtraBoldItalic.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/Poppins-Black.ttf)format("truetype")}@font-face{font-family:Poppins;font-style:italic;font-weight:900;font-display:swap;src:url(/fonts/Poppins-BlackItalic.ttf)format("truetype")}:root{--brand-deep:#274950;--brand-teal:#2c6266;--brand-navy:#1e394b;--brand-aqua:#38a8a4;--brand-aqua-soft:#5fbdb9;--brand-aqua-mist:#c7e8e6;--brand-deep-darker:#1a3338;--brand-deep-softer:#3d6068;--white:#fff;--neutral-50:#f7f9fa;--neutral-100:#eef2f3;--neutral-200:#dde4e6;--neutral-300:#bfc9cc;--neutral-400:#8fa0a4;--neutral-500:#647479;--neutral-600:#475559;--neutral-700:#2f3a3d;--neutral-800:#1c2326;--neutral-900:#0e1416;--black:#000;--bg:var(--neutral-50);--bg-elevated:var(--white);--bg-inverse:var(--brand-navy);--bg-brand:var(--brand-deep);--bg-accent:var(--brand-aqua);--fg-1:var(--brand-navy);--fg-2:var(--brand-deep);--fg-3:var(--neutral-500);--fg-4:var(--neutral-400);--fg-on-brand:var(--white);--fg-on-accent:var(--white);--fg-link:var(--brand-aqua);--border-subtle:var(--neutral-200);--border-default:var(--neutral-300);--border-strong:var(--brand-deep);--border-focus:var(--brand-aqua);--status-success:#38a87e;--status-warning:#e0a33a;--status-danger:#d9534f;--status-info:var(--brand-aqua);--font-display:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.5rem;--fs-4xl:3.25rem;--fs-5xl:4.25rem;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extra:800;--lh-tight:1.05;--lh-snug:1.2;--lh-normal:1.5;--lh-relaxed:1.65;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-eyebrow:.16em;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--shadow-xs:0 1px 2px #1e394b0f;--shadow-sm:0 2px 6px #1e394b14;--shadow-md:0 8px 20px #1e394b1a;--shadow-lg:0 18px 40px #1e394b24;--shadow-xl:0 28px 60px #1e394b2e;--shadow-brand:0 14px 32px #38a8a447;--shadow-inner:inset 0 1px 2px #1e394b0f;--gradient-hero:linear-gradient(135deg, #1e394b 0%, #274950 50%, #2c6266 100%);--gradient-aqua:linear-gradient(135deg, #38a8a4 0%, #2c6266 100%);--gradient-icon:linear-gradient(160deg, #38a8a4 0%, #1e394b 90%);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.14s;--dur-base:.24s;--dur-slow:.42s;--container-max:1200px;--container-pad:clamp(1rem, 4vw, 2.5rem)}.eyebrow{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--brand-aqua)}.h-display{font-family:var(--font-display);font-size:clamp(2.5rem, 6vw, var(--fs-5xl));font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--fg-1)}.h1{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--fg-1)}.h2{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);color:var(--fg-1)}.h3{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--fg-1)}.h4{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--fg-1)}.h5{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-normal);color:var(--fg-1)}.lead{font-family:var(--font-body);font-size:var(--fs-lg);font-weight:var(--fw-regular);line-height:var(--lh-relaxed);color:var(--fg-2)}.p,.body{font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-relaxed);color:var(--fg-2)}.small{font-family:var(--font-body);font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--fg-3)}.caption{font-family:var(--font-body);font-size:var(--fs-xs);line-height:var(--lh-normal);color:var(--fg-3)}.code{font-family:var(--font-mono);background:var(--neutral-100);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--fg-1);padding:.1em .4em;font-size:.92em}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-relaxed);color:var(--fg-2);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p{margin:0}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--fg-1);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14.5px;font-weight:600;display:inline-flex}.btn-primary{background:var(--brand-aqua);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-brand);background:#2e938f;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--fg-2);border-color:var(--border-default);background:0 0}.btn-ghost:hover{background:var(--neutral-100)}.btn-lg{padding:15px 28px;font-size:15.5px}.btn-block{width:100%}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--fg-2);font-size:13px;font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--neutral-50);color:var(--fg-1);padding:12px 14px;font-size:15px;transition:border-color .14s,box-shadow .14s,background .14s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand-aqua);background:#fff;outline:none;box-shadow:0 0 0 4px #38a8a41a}.field-error{color:var(--status-danger);margin-top:6px;font-size:13px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--brand-aqua);align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";opacity:.6;background:currentColor;width:22px;height:1px}.app-shell{background:var(--neutral-50);grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#ffffffd1;background:linear-gradient(#1e394b 0%,#122936 100%);flex-direction:column;gap:6px;padding:24px 18px;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:8px;padding:6px 8px 22px;display:flex}.sidebar-brand img{width:28px;height:28px}.sidebar-brand b{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;font-size:16px}.sidebar-brand small{letter-spacing:.18em;text-transform:uppercase;color:var(--brand-aqua-soft);font-size:9.5px}.sidebar-link{color:#ffffffb3;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;transition:all .14s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff0f}.sidebar-link.active{color:#fff;background:#38a8a42e}.sidebar-section{letter-spacing:.16em;text-transform:uppercase;color:#fff6;padding:14px 12px 6px;font-size:10.5px}.sidebar-foot{color:#fff9;border-top:1px solid #ffffff14;margin-top:auto;padding-top:16px;font-size:12.5px}.main{width:100%;max-width:1280px;padding:32px clamp(20px,4vw,48px)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.page-head h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--fg-1);margin:8px 0 0;font-size:clamp(26px,3.2vw,36px);font-weight:700}.card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:#fff;padding:24px}.empty-state{text-align:center;color:var(--fg-3);padding:48px 24px}.empty-state h3{font-family:var(--font-display);color:var(--fg-1);margin:0 0 8px}.table{border-collapse:collapse;width:100%}.table th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);border-bottom:1px solid var(--border-subtle);background:var(--neutral-50);padding:12px 16px;font-size:11px;font-weight:700}.table td{color:var(--fg-1);border-bottom:1px solid var(--border-subtle);padding:14px 16px;font-size:14px}.table tbody tr{transition:background .14s}.table tbody tr:hover{background:var(--neutral-50)}.table-link{color:var(--brand-deep);font-weight:600}.table-link:hover{color:var(--brand-aqua)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f232980;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-xl);background:#fff;flex-direction:column;max-height:calc(100vh - 48px);display:flex}.modal-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-head h3{font-family:var(--font-display);color:var(--fg-1);margin:0;font-size:18px;font-weight:600}.modal-close{color:var(--fg-3);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:20px}.modal-close:hover{background:var(--neutral-100);color:var(--fg-1)}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.status-pill{border-radius:var(--radius-pill);white-space:nowrap;border:1px solid;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-pill-dot{border-radius:50%;width:6px;height:6px}.tabs{border-bottom:1px solid var(--border-subtle);gap:2px;margin-bottom:24px;display:flex}.tab{color:var(--fg-3);cursor:pointer;border-bottom:2px solid #0000;padding:12px 18px;font-size:14px;font-weight:500;transition:color .14s,border-color .14s}.tab:hover{color:var(--fg-1)}.tab.active{color:var(--brand-deep);border-bottom-color:var(--brand-aqua);font-weight:600}.kanban{grid-template-columns:repeat(5,minmax(220px,1fr));gap:14px;display:grid;overflow-x:auto}.kanban-col{background:var(--neutral-100);border-radius:var(--radius-md);flex-direction:column;gap:8px;min-height:320px;padding:12px;display:flex}.kanban-col-head{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);justify-content:space-between;align-items:center;padding:4px 6px 8px;font-size:12px;font-weight:700;display:flex}.kanban-col-count{color:var(--brand-deep);background:#38a8a429;border-radius:10px;padding:2px 8px;font-size:11px}.kanban-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;background:#fff;padding:12px;transition:border-color .14s,transform .14s}.kanban-card:hover{border-color:var(--brand-aqua);transform:translateY(-1px)}.kanban-card-title{color:var(--fg-1);margin:0 0 6px;font-size:13.5px;font-weight:600}.kanban-card-meta{color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;display:flex}.priority-h{color:#d9534f;font-weight:700}.priority-m{color:#e0a33a;font-weight:600}.priority-l{color:var(--fg-3)}.chat{flex-direction:column;gap:14px;display:flex}.chat-msg{gap:12px;display:flex}.chat-avatar{color:#fff;width:36px;height:36px;font-family:var(--font-display);background:linear-gradient(160deg,#38a8a4,#1e394b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.chat-bubble{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;flex:1;padding:12px 14px}.chat-meta{color:var(--fg-3);margin-bottom:4px;font-size:12px}.chat-meta b{color:var(--fg-1);font-weight:600}.chat-body{color:var(--fg-1);white-space:pre-wrap;font-size:14px;line-height:1.5}.role-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:3px 7px;font-size:11px;font-weight:700}.role-admin{color:var(--brand-deep);background:#2649501f}.role-team{color:var(--brand-deep);background:#38a8a429}.role-client{color:var(--brand-deep);background:#5fbdb92e}.muted{color:var(--fg-3)}.row-actions{gap:8px;display:flex}.upload-zone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);text-align:center;color:var(--fg-3);cursor:pointer;padding:32px;transition:all .14s}.upload-zone:hover,.upload-zone.drag{border-color:var(--brand-aqua);color:var(--fg-1);background:#38a8a40a}