:root{--brand: #ff6b1a;--brand-hover: #e85d10;--brand-soft: rgba(255, 107, 26, .1);--brand-soft-2: rgba(255, 107, 26, .16);--ink: #37352f;--text: #37352f;--muted: #787066;--faint: #9b938a;--bg: #ffffff;--bg-soft: #faf9f8;--sidebar-bg: #fbfaf9;--card: #ffffff;--hover: #f3f1ee;--border: #eceae6;--border-strong: #e3e0db;--green: #2f9e44;--green-soft: #ebfbee;--yellow: #c98a04;--red: #e03131;--red-soft: #fff0f0;--radius: 10px;--radius-sm: 7px;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.7rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .2rem}h2{font-size:1.3rem;font-weight:650;letter-spacing:-.01em}h3{font-size:1.02rem;font-weight:600;letter-spacing:-.01em}h4{font-size:.9rem;font-weight:600}.muted{color:var(--muted)}.center-screen,.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-soft);padding:1rem}.auth-card{background:var(--card);padding:2.5rem 2.25rem;border-radius:16px;box-shadow:0 1px 3px #0f0f0f0f,0 12px 40px #0f0f0f0f;border:1px solid var(--border);width:380px}.auth-card h1{margin:0 0 .25rem;font-size:1.5rem;color:var(--brand);font-weight:750;letter-spacing:-.02em}.auth-card .muted{color:var(--muted);margin-bottom:1.5rem}.auth-card form{display:flex;flex-direction:column;gap:.4rem}.auth-card label{font-size:.82rem;color:var(--muted);margin-top:.5rem;font-weight:550}.auth-card input{padding:.6rem .75rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.98rem;background:var(--bg);transition:border-color .15s ease,box-shadow .15s ease}.auth-card input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.auth-card button{margin-top:1.25rem;padding:.7rem;border:none;border-radius:var(--radius-sm);background:var(--brand);color:#fff;font-weight:600;cursor:pointer;font-size:.98rem;transition:background .15s ease}.auth-card button:hover{background:var(--brand-hover)}.auth-card button:disabled{opacity:.55;cursor:default}.auth-card .error{color:var(--red);font-size:.85rem;font-weight:550}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--sidebar-bg);border-right:1px solid var(--border);padding:1.1rem .75rem;display:flex;flex-direction:column}.sidebar-brand{font-size:1rem;font-weight:700;color:var(--brand);letter-spacing:-.01em;padding:.35rem .6rem 1rem}.sidebar nav{display:flex;flex-direction:column;gap:1px}.sidebar nav a{display:block;color:var(--muted);padding:.42rem .6rem;border-radius:6px;font-size:.92rem;font-weight:500;transition:background .12s ease,color .12s ease}.sidebar nav a:hover{background:var(--hover);color:var(--ink);text-decoration:none}.sidebar nav a.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.sidebar-footer{margin-top:auto;padding:.75rem .6rem 0;border-top:1px solid var(--border)}.sidebar-user{font-size:.85rem;font-weight:600;color:var(--ink)}.sidebar-role{font-size:.75rem;color:var(--faint);margin-bottom:.5rem}.sidebar-logout{background:none;border:none;padding:0;color:var(--muted);font-size:.82rem;cursor:pointer;font-weight:500}.sidebar-logout:hover{color:var(--brand)}.main-content{flex:1;padding:2.5rem 3rem;max-width:1080px}.card{background:var(--card);border-radius:var(--radius);padding:1.25rem 1.4rem;margin-bottom:.9rem;border:1px solid var(--border);transition:border-color .15s ease}.card:hover{border-color:var(--border-strong)}.grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.badge{display:inline-block;font-size:.72rem;padding:.15rem .55rem;border-radius:6px;font-weight:600;letter-spacing:0;background:var(--hover);color:var(--muted)}.badge.new{background:#f0eefc;color:#5b4bbd}.badge.in_progress{background:#fff3e6;color:#b5560a}.badge.review{background:#fef0e0;color:#9a5b06}.badge.done{background:var(--green-soft);color:#1f7a32}.badge.waiting{background:var(--red-soft);color:#c23232}.badge.stage-lead{background:#eef0ff;color:#4a4ab8}.badge.stage-onboarding{background:#fff3e0;color:#9a6209}.badge.stage-active{background:var(--green-soft);color:#1f7a32}.badge.stage-at_risk{background:var(--red-soft);color:#c23232}.badge.stage-churned{background:#f0efed;color:#6b6660}.task-row{display:flex;justify-content:space-between;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--border);gap:.75rem}.task-row:last-child{border-bottom:none}.progress-bar{background:var(--hover);border-radius:999px;height:8px;overflow:hidden;margin:.4rem 0}.progress-bar-fill{height:100%;background:var(--brand);transition:width .3s ease}.health-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.health-dot.green{background:var(--green)}.health-dot.yellow{background:var(--yellow)}.health-dot.red{background:var(--red)}.btn-primary{background:var(--brand);color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem .95rem;cursor:pointer;font-weight:600;font-size:.9rem;transition:background .13s ease}.btn-primary:hover{background:var(--brand-hover)}.btn-secondary{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.5rem .95rem;cursor:pointer;font-weight:550;font-size:.9rem;color:var(--ink);transition:background .13s ease,border-color .13s ease}.btn-secondary:hover{background:var(--hover);border-color:var(--border-strong)}.btn-danger{background:var(--red);color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem .95rem;cursor:pointer;font-weight:600;font-size:.9rem;transition:opacity .13s ease}.btn-danger:hover{opacity:.9}select,input[type=text],input[type=number],input[type=date],input[type=password],textarea{font-family:inherit}.task-form{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-top:1rem}.task-form input,.task-form select,.task-form textarea{padding:.52rem .7rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.9rem;background:var(--bg)}.task-form input:focus,.task-form select:focus,.task-form textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.task-form textarea,.task-form .full{grid-column:1 / -1}.task-form textarea{min-height:70px;resize:vertical}.checkbox-row{display:flex;align-items:center;gap:.4rem;grid-column:1 / -1;font-size:.9rem}select{padding:.45rem .65rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.88rem;background:var(--bg);color:var(--ink);cursor:pointer}select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.toast-stack{position:fixed;bottom:1.25rem;right:1.25rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000}.toast{background:var(--ink);color:#fff;padding:.65rem 1rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:550;box-shadow:0 8px 28px #0f0f0f38;animation:toast-in .18s ease;max-width:320px}.toast-success{border-left:3px solid var(--green)}.toast-error{border-left:3px solid var(--red)}.toast-info{border-left:3px solid var(--brand)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f52;display:flex;align-items:center;justify-content:center;z-index:1001;padding:1rem}.modal-card{background:var(--card);border-radius:14px;padding:1.5rem 1.6rem;width:100%;max-width:380px;box-shadow:0 20px 50px #0f0f0f40;animation:toast-in .18s ease}.tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border);margin:1rem 0 1.25rem;flex-wrap:wrap}.tab{background:none;border:none;padding:.5rem .2rem;cursor:pointer;font-weight:550;font-size:.92rem;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s ease,border-color .12s ease}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-bottom-color:var(--brand)}.project-card-meta{display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin-top:.6rem;font-size:.82rem;color:var(--muted)}.project-card-meta strong{color:var(--ink);font-weight:600}.drag-handle{color:var(--faint);margin-right:5px;cursor:grab;-webkit-user-select:none;user-select:none}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:1rem 0}.toolbar input,.toolbar select{padding:.5rem .7rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.9rem;background:var(--bg)}.toolbar input{flex:1;min-width:220px}.toolbar input:focus,.toolbar select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.kanban{display:grid;grid-template-columns:repeat(5,1fr);gap:.85rem}@media (max-width: 960px){.kanban{grid-template-columns:repeat(2,1fr)}.main-content{padding:2rem 1.5rem}}@media (max-width: 760px){.app-shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;padding:.7rem 1rem;gap:.25rem;border-right:none;border-bottom:1px solid var(--border)}.sidebar-brand{width:100%;padding:.25rem .3rem .5rem}.sidebar nav{flex-direction:row;flex-wrap:wrap}.sidebar nav a{width:auto}.sidebar-footer{margin-top:0;margin-left:auto;border-top:none;padding:0;display:flex;align-items:center;gap:.6rem}.sidebar-role{display:none}.sidebar-user{margin:0}.task-form{grid-template-columns:1fr}}@media (max-width: 520px){.kanban{grid-template-columns:1fr}.main-content{padding:1.5rem 1.1rem}}