:root{color:#1f2937;background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:min(420px,100%);padding:32px;box-shadow:0 18px 55px #11182714}.brand-mark{color:#fff;background:#111827;border-radius:14px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.auth-card h1{margin-bottom:6px}.auth-card p{color:#6b7280}.auth-card form{gap:18px;margin-top:24px;display:grid}.auth-card label{gap:7px;font-size:14px;font-weight:650;display:grid}.auth-card input{width:100%;font:inherit;border:1px solid #d1d5db;border-radius:10px;padding:12px 13px}.auth-card button{color:#fff;font:inherit;cursor:pointer;background:#111827;border:0;border-radius:10px;padding:13px 16px;font-weight:700}.auth-error{background:#fff1f2;border-radius:10px;padding:10px 12px;color:#9f1239!important}.flow-app{color:#202124;background:#fff;height:100vh;display:flex;overflow:hidden}.sidebar{color:#ddd;background:#17171a;flex-direction:column;flex:none;width:250px;padding:18px 12px 14px;display:flex}.flow-brand{color:#fff;align-items:center;gap:10px;padding:0 8px 22px;font-size:18px;display:flex}.flow-brand>span{color:#17171a;background:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:grid}.main-nav,.project-nav{gap:3px;display:grid}.main-nav button,.project-nav button{color:#c9c9cc;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 10px}.main-nav button:hover,.main-nav button.active,.project-nav button:hover,.project-nav button.selected{color:#fff;background:#2a2a2e}.main-nav button span{margin-left:10px}.nav-label{letter-spacing:.12em;color:#77777d;padding:22px 10px 8px;font-size:10px}.project-nav button{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-nav i{margin-right:10px;font-size:8px;font-style:normal}.create-btn{color:#fff;background:#232327;border:1px solid #44444a;border-radius:8px;margin:18px 6px;padding:10px;font-weight:700}.account{border-top:1px solid #303035;align-items:center;gap:9px;margin-top:auto;padding:14px 7px 0;display:flex}.avatar{color:#17171a;background:#f1f1f2;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.account strong,.account small{white-space:nowrap;text-overflow:ellipsis;max-width:165px;display:block;overflow:hidden}.account strong{color:#fff;font-size:12px}.account small{color:#8e8e94;margin-top:2px;font-size:10px}.workspace{background:#fff;flex:1;min-width:0;overflow:auto}.topbar{border-bottom:1px solid #ececef;justify-content:space-between;align-items:center;height:86px;padding:14px 28px;display:flex}.topbar small{color:#888}.topbar h1{margin:3px 0 0;font-size:22px}.top-actions{gap:8px;display:flex}.top-actions button,.primary{background:#fff;border:1px solid #ddd;border-radius:8px;padding:9px 13px;font-weight:650}.primary{color:#fff!important;background:#222!important;border-color:#222!important}.project-meta{align-items:center;gap:16px;padding:18px 28px 8px;display:flex}.project-meta p{color:#6f7178;flex:1;margin:0}.health{color:#2f6c3a;background:#edf8ef;border-radius:20px;padding:5px 8px;font-size:11px;font-weight:800}.view-tabs{border-bottom:1px solid #e9e9ec;gap:22px;padding:6px 28px 0;display:flex}.view-tabs button{color:#777;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 0;font-weight:650}.task-list{padding:22px 28px 80px}.task-section{margin-bottom:28px}.section-title{align-items:center;gap:8px;margin:0 0 8px;display:flex}.section-title small{background:#f1f1f3;border-radius:10px;padding:2px 6px}.task-head,.task-row{grid-template-columns:minmax(300px,1fr) 150px 130px 100px;align-items:center;display:grid}.task-head{color:#8b8d94;border-bottom:1px solid #e8e8eb;padding:7px 12px;font-size:11px}.task-row{text-align:left;color:#4b4d54;background:#fff;border:0;border-bottom:1px solid #eeeeef;width:100%;padding:10px 12px}.task-row:hover{background:#fafafa}.task-name{color:#222;align-items:center;gap:10px;display:flex}.check{color:#0000;border:1px solid #b9bbc1;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;display:grid}.check.done{color:#fff;background:#303035;border-color:#303035}.priority{background:#f2f2f3;border-radius:5px;padding:4px 7px;font-size:10px}.priority.high,.priority.urgent{color:#a33;background:#fff0f0}.priority.low{color:#41639a;background:#f0f5ff}.add-row,.add-card{color:#8b8d94;text-align:left;background:0 0;border:0;padding:10px 12px}.board{align-items:flex-start;gap:16px;padding:24px 28px;display:flex;overflow:auto}.board-column{background:#f6f6f7;border-radius:10px;width:280px;min-width:280px;padding:12px}.board-title{justify-content:space-between;padding:4px 4px 12px;display:flex}.task-card{text-align:left;background:#fff;border:1px solid #e3e3e6;border-radius:8px;gap:10px;width:100%;margin-bottom:8px;padding:13px;display:grid}.task-card small{color:#8b8d94}.task-card .priority{justify-self:start}.empty-state{text-align:center;align-content:center;place-items:center;height:70vh;display:grid}.empty-state>div{font-size:28px;font-weight:900}.empty-state h2{margin:12px 0 4px}.empty-state p{color:#777}.task-drawer{background:#fff;border-left:1px solid #ddd;flex:none;width:430px;overflow:auto;box-shadow:-8px 0 24px #0000000a}.drawer-top{border-bottom:1px solid #e7e7e9;justify-content:space-between;align-items:center;height:54px;padding:0 14px;display:flex}.drawer-top button{background:0 0;border:0}.drawer-body{padding:24px}.complete-line{color:#666;align-items:center;gap:9px;display:flex}.drawer-body h2{margin:18px 0 26px;font-size:22px}.drawer-body dl{grid-template-columns:100px 1fr;gap:16px 10px;font-size:13px;display:grid}.drawer-body dt{color:#888}.drawer-body dd{margin:0}.drawer-body hr{border:0;border-top:1px solid #eee;margin:24px 0}.drawer-body h3{font-size:13px}.muted{color:#999;font-size:13px}.drawer-add{color:#777;background:0 0;border:0;padding:4px 0}.drawer-body textarea{resize:vertical;border:1px solid #ddd;border-radius:8px;width:100%;min-height:90px;padding:10px}.comment-btn{color:#fff;background:#222;border:0;border-radius:7px;margin-top:8px;padding:8px 12px}.password-wrap{position:relative}.password-wrap input{padding-right:68px}.password-toggle{position:absolute;top:50%;right:7px;transform:translateY(-50%);color:#374151!important;background:0 0!important;border:0!important;width:auto!important;padding:7px 10px!important;font-size:12px!important}@media (max-width:900px){.sidebar{width:210px}.task-head,.task-row{grid-template-columns:minmax(240px,1fr) 120px 100px}.task-head span:last-child,.task-row>span:last-child{display:none}.task-drawer{z-index:10;width:min(430px,90vw);position:fixed;top:0;bottom:0;right:0}}:root{--flow-purple:#6b3495;--flow-purple-dark:#552676;--flow-purple-soft:#f4eef8}.flow-brand .logo-mark{color:#fff;width:44px;height:36px;font-weight:950;line-height:.8;position:relative}.logo-mark span{color:#a86bd2;font-size:20px}.logo-mark small{letter-spacing:.08em;color:#fff;margin-left:15px;font-size:9px;display:block}.main-nav button.active,.project-nav button.selected{background:#6b349552;box-shadow:inset 3px 0 #a86bd2}.create-btn,.primary{background:var(--flow-purple)!important;border-color:var(--flow-purple)!important;color:#fff!important}.create-btn:hover,.primary:hover{background:var(--flow-purple-dark)!important}.health{background:var(--flow-purple-soft);color:var(--flow-purple-dark)}.view-tabs button.active{color:var(--flow-purple);border-color:var(--flow-purple)}.empty-logo{color:var(--flow-purple)!important}.task-row{grid-template-columns:34px minmax(260px,1fr) 150px 130px 100px;padding:0}.task-row>span{padding:10px 12px}.check-button,.task-open{text-align:left;background:0 0;border:0}.check-button{padding-left:12px}.task-open{color:#222;padding:10px 0}.task-open:hover{color:var(--flow-purple)}.quick-add{background:#faf8fc;gap:8px;padding:8px 10px;display:flex}.quick-add input,.board-add input,.modal input,.modal textarea,.field-label input,.field-label select,.field-label textarea,.subtask-form input,.title-input{font:inherit;border:1px solid #d9d9de;border-radius:8px;padding:10px 11px}.quick-add input{flex:1}.quick-add button{background:0 0;border:0;border-radius:7px;padding:8px 12px}.board-add{gap:8px;display:grid}.board-add input{width:100%}.modal-backdrop{z-index:30;background:#0f0f146b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(520px,100%);padding:22px;box-shadow:0 24px 80px #00000040}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0}.modal-head button{background:0 0;border:0;font-size:18px}.modal form{gap:17px;margin-top:22px;display:grid}.modal label{gap:7px;font-size:13px;font-weight:700;display:grid}.modal textarea{resize:vertical;min-height:100px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-actions button{background:#fff;border:1px solid #ddd;border-radius:8px;padding:9px 13px;font-weight:700}.complete-line{background:0 0;border:0;padding:0}.title-input{width:100%;margin:18px 0 22px;font-size:21px;font-weight:750}.field-label{color:#777;grid-template-columns:90px 1fr;align-items:center;gap:10px;margin:12px 0;font-size:13px;display:grid}.field-label textarea{resize:vertical;min-height:90px}.save-task{border-radius:8px;margin:8px 0 4px;padding:9px 13px}.subtask{align-items:center;gap:9px;padding:8px 0;font-size:13px;display:flex}.subtask-form{gap:7px;margin-top:8px;display:flex}.subtask-form input{flex:1}.subtask-form button{background:var(--flow-purple-soft);color:var(--flow-purple);border:0;border-radius:8px;width:38px;font-size:18px}@media (max-width:900px){.task-row{grid-template-columns:34px minmax(220px,1fr) 110px 100px}.task-row>span:last-child{display:none}}.flow-brand{padding:2px 8px 20px}.brand-logo{object-fit:contain;object-position:left center;width:142px;height:auto;display:block}.flow-brand .logo-mark{display:none}.nav-count{background:var(--flow-purple);color:#fff;float:right;border-radius:10px;margin-top:1px;padding:2px 6px;font-size:9px;font-style:normal}.daily-screen{max-width:1180px;padding:28px}.daily-head{margin-bottom:24px}.daily-head h2{margin:0 0 5px;font-size:24px}.daily-head p{color:#85868d;margin:0}.daily-table{border:1px solid #e5e5e8;border-radius:10px;overflow:hidden}.daily-row{text-align:left;color:#444;background:#fff;border:0;border-bottom:1px solid #ededf0;grid-template-columns:minmax(280px,1fr) 220px 130px 100px;align-items:center;width:100%;padding:11px 14px;display:grid}.daily-row>span:first-child{color:#222;align-items:center;gap:9px;display:flex}.daily-row:hover:not(.daily-labels){background:#faf8fc}.daily-labels{color:#8a8b91;background:#fafafa;font-size:11px}.daily-empty{color:#8b8c92;text-align:center;padding:32px}.inbox-list{border-top:1px solid #eee}.inbox-item{border-bottom:1px solid #eee;gap:13px;padding:16px 4px;display:flex}.inbox-dot{background:var(--flow-purple);border-radius:50%;width:9px;height:9px;margin-top:5px}.inbox-item strong{font-size:13px}.inbox-item p{color:#8a8b91;margin:5px 0 0;font-size:11px}.client-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:13px;display:grid}.client-card{border:1px solid #e4e4e8;border-radius:11px;align-items:center;gap:13px;padding:17px;display:flex}.client-avatar{background:var(--flow-purple-soft);width:40px;height:40px;color:var(--flow-purple);border-radius:9px;place-items:center;font-weight:850;display:grid}.client-card h3{margin:0;font-size:14px}.client-card p{color:#888;margin:4px 0 0;font-size:11px}.search-panel{z-index:25;background:#fff;border:1px solid #dddde2;border-radius:12px;width:min(520px,100vw - 320px);position:absolute;top:70px;right:28px;overflow:hidden;box-shadow:0 18px 55px #00000029}.search-box{border-bottom:1px solid #eee;align-items:center;gap:8px;padding:10px;display:flex}.search-box input{font:inherit;border:0;outline:0;flex:1;padding:7px}.search-box button{background:0 0;border:0}.search-results{max-height:390px;overflow:auto}.search-results>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #f0f0f1;width:100%;padding:12px 15px;display:grid}.search-results>button:hover{background:#faf8fc}.search-results small{color:#8b8c92;margin-top:3px}.search-results p{color:#888;padding:15px}.workspace{position:relative}@media (max-width:900px){.daily-row{grid-template-columns:minmax(220px,1fr) 130px 90px}.daily-row>span:last-child{display:none}.search-panel{width:calc(100vw - 250px);right:15px}}