:root{--ink:#182230;--muted:#8490a1;--line:#e9edf2;--bg:#f7f8fa;--purple:#6c5ce7;--purple2:#eeeaff;--green:#16a779;--orange:#e89a42;--red:#e56b75;--navy:#172233}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{width:248px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:27px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;font:800 18px Manrope,sans-serif;letter-spacing:1px;padding:0 9px 36px}.brand-mark{width:31px;height:31px;border-radius:10px;background:var(--purple);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:800 22px Manrope;box-shadow:0 6px 15px #6c5ce744}.workspace-label{font-size:10px;letter-spacing:1.5px;color:#a0a8b5;font-weight:700;padding:0 10px 10px}.workspace-chip{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;font-weight:600;font-size:12px}.workspace-chip small{display:block;color:var(--muted);font-weight:400;font-size:10px;margin-top:3px}.workspace-avatar,.avatar{width:30px;height:30px;border-radius:9px;background:#e9e5ff;color:#6655d8;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.chevron{margin-left:auto;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:5px;margin-top:27px}.nav a{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:10px;color:#687486;font-size:13px;font-weight:500}.nav a span{width:17px;text-align:center;font-size:17px}.nav a:hover,.nav a.active{background:#f1efff;color:var(--purple)}.sidebar-bottom{margin-top:auto}.upgrade-card{background:#f5f3ff;border:1px solid #e8e4ff;border-radius:14px;padding:15px;margin:0 2px 17px}.upgrade-icon{width:28px;height:28px;border-radius:9px;background:#fff;color:var(--purple);display:grid;place-items:center;margin-bottom:12px}.upgrade-card strong{font:700 13px Manrope}.upgrade-card p{font-size:11px;line-height:1.5;color:#7e8297;margin:6px 0 12px}.upgrade-card a{font-size:11px;color:var(--purple);font-weight:700}.upgrade-card a span{float:right}.nav.muted{margin:0}.main-content{margin-left:248px;min-height:100vh;padding:0 36px 48px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:30px}.breadcrumb{color:#8b95a3;font-size:12px}.breadcrumb span{padding:0 8px;color:#c2c8d0}.top-actions{display:flex;align-items:center;gap:22px}.top-date{color:#98a1ae;font-size:11px}.user-pill{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}.avatar{border-radius:50%;width:32px;height:32px}.mobile-brand{display:none}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.eyebrow{color:var(--purple);font-size:10px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase;margin-bottom:8px}h1,h2,h3,p{margin-top:0}h1{font:800 27px Manrope;margin-bottom:7px;letter-spacing:-.7px}h2{font:700 16px Manrope;margin-bottom:4px}h3{font:700 13px Manrope;margin-bottom:5px}.subtext{color:var(--muted);font-size:12px;margin:0}.btn{border:0;border-radius:9px;background:var(--purple);color:white;padding:11px 16px;font-weight:600;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 5px 12px #6c5ce729}.btn:hover{background:#5c4bd2}.btn.secondary{background:#fff;color:#586477;border:1px solid var(--line);box-shadow:none}.btn.danger{background:#fff0f1;color:#d45e69;box-shadow:none}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:20px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px}.stat-top{display:flex;justify-content:space-between;color:#8b95a3;font-size:11px}.stat-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f1efff;color:var(--purple);font-size:15px}.stat-value{font:800 25px Manrope;margin:12px 0 5px;letter-spacing:-1px}.stat-note{font-size:10px;color:#a0a8b5}.content-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.text-link{font-size:11px;color:var(--purple);font-weight:700}.project-list{display:flex;flex-direction:column;gap:17px}.project-row{display:grid;grid-template-columns:34px minmax(120px,1fr) 100px 80px;align-items:center;gap:12px}.project-icon{width:34px;height:34px;border-radius:10px;background:#f0edff;color:var(--purple);display:grid;place-items:center}.project-title{font-size:12px;font-weight:700;margin-bottom:4px}.project-meta{font-size:10px;color:#9aa3af}.progress{height:5px;border-radius:9px;background:#eff1f4;overflow:hidden}.progress span{display:block;height:100%;border-radius:9px;background:var(--purple)}.progress-label{text-align:right;font-size:10px;color:#7c8796;margin-top:5px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:600;white-space:nowrap}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status.in-progress{background:#f0edff;color:#7563df}.status.completed{background:#eaf8f2;color:#169b70}.status.todo{background:#fff5e9;color:#d28a36}.status.review{background:#eaf4ff;color:#4e8bc7}.activity{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #f0f2f5}.activity:last-child{border:0}.activity-dot{width:8px;height:8px;border-radius:50%;background:#9b8df2;margin-top:4px;flex:none}.activity p{font-size:11px;line-height:1.5;margin:0;color:#687486}.activity small{display:block;color:#a5adba;font-size:10px;margin-top:4px}.task-line{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #f0f2f5}.task-line:last-child{border:0}.task-line strong{font-size:11px}.task-line small{display:block;color:#9ba4b1;font-size:10px;margin-top:4px}.form-card{max-width:760px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{font-size:11px;color:#657184;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid #e5e9ef;border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink);outline:none;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a69cf4;box-shadow:0 0 0 3px #eeeaff}.field textarea{min-height:90px;resize:vertical}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}.data-table{width:100%;border-collapse:collapse;min-width:650px}.data-table th{text-align:left;font-size:10px;color:#9aa3af;font-weight:600;letter-spacing:.4px;padding:14px 17px;background:#fcfcfd;border-bottom:1px solid var(--line)}.data-table td{padding:14px 17px;border-bottom:1px solid #f0f2f5;font-size:11px;color:#566274}.data-table tr:last-child td{border:0}.data-table td strong{color:var(--ink);font-size:12px}.inline-actions{display:flex;gap:7px;align-items:center}.inline-actions a{color:var(--purple);font-size:11px;font-weight:600}.inline-actions button{border:0;background:none;color:#d36c75;cursor:pointer;font-size:11px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:13px;overflow:auto}.kanban-col{background:#f0f2f5;border-radius:13px;padding:12px;min-height:300px}.kanban-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;padding:3px 3px 12px}.kanban-count{background:#fff;border-radius:20px;padding:3px 7px;color:#8993a0;font-size:10px}.kanban-card{background:#fff;border:1px solid #e9edf2;border-radius:10px;padding:13px;margin-bottom:9px;box-shadow:0 2px 5px #17223306}.kanban-card strong{font-size:11px;display:block;margin:9px 0 6px}.kanban-card small{color:#9aa3af;font-size:10px}.kanban-card form{margin-top:10px}.kanban-card select{width:100%;border:1px solid var(--line);border-radius:7px;padding:7px;font-size:10px;color:#667184}.empty{padding:35px;text-align:center;color:#9aa3af;font-size:12px}.flash{padding:12px 15px;border-radius:9px;margin-bottom:18px;font-size:12px}.flash.success{background:#eaf8f2;color:#168c67}.flash.error{background:#fff0f1;color:#c95b66}.auth-main{width:100%;min-height:100vh;display:grid;place-items:center;padding:30px}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 18px 60px #1722330b}.auth-card .brand{padding:0 0 30px}.auth-card h1{font-size:24px}.auth-card .subtext{line-height:1.6;margin-bottom:24px}.auth-foot{font-size:11px;color:#8993a0;margin-top:20px;text-align:center}.auth-foot a{color:var(--purple);font-weight:700}.plan-grid{grid-template-columns:repeat(3,1fr)}.plan-card{position:relative}.plan-card.featured{border:1px solid #a89ff5;box-shadow:0 8px 25px #6c5ce711}.plan-price{font:800 25px Manrope;margin:15px 0 4px}.plan-price small{font:400 11px 'DM Sans';color:#9aa3af}.plan-features{padding:0;list-style:none;margin:20px 0}.plan-features li{font-size:11px;color:#697586;padding:7px 0}.plan-features li:before{content:'✓';color:var(--green);font-weight:700;margin-right:8px}.mobile-brand{font:800 15px Manrope;align-items:center;gap:8px}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.sidebar{width:220px}.main-content{margin-left:220px;padding:0 24px 40px}}
@media(max-width:700px){.sidebar{position:static;width:auto;height:auto;padding:13px 16px;border-right:0;border-bottom:1px solid var(--line)}.brand{display:none}.workspace-label,.workspace-chip,.sidebar-bottom{display:none}.nav{margin:0;flex-direction:row;overflow:auto;gap:5px}.nav a{padding:9px 10px;white-space:nowrap;font-size:11px}.nav a span{font-size:14px}.main-content{margin:0;padding:0 15px 35px}.topbar{height:60px;margin-bottom:22px}.mobile-brand{display:flex}.breadcrumb,.top-date,.user-pill>span:last-child{display:none}.top-actions{gap:0}.page-head{align-items:flex-start;gap:12px}.page-head .btn{padding:10px;font-size:10px;white-space:nowrap}h1{font-size:23px}.stats{gap:10px}.card{padding:14px}.stat-value{font-size:22px}.project-row{grid-template-columns:30px minmax(100px,1fr) 75px;gap:8px}.project-row .status{display:none}.form-grid,.plan-grid{grid-template-columns:1fr}.auth-card{padding:25px}.kanban{grid-template-columns:repeat(4,230px)}}


/* TASKFLOW Advanced Board */
.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-5px 0 17px;padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:12px}
.board-toolbar-copy{display:flex;align-items:baseline;gap:8px;color:#98a1ae;font-size:11px}.board-toolbar-copy strong{color:var(--ink);font:700 13px Manrope}
.board-filters{display:flex;gap:8px}.board-filters input,.board-filters select{height:36px;border:1px solid var(--line);border-radius:8px;padding:0 11px;background:#fff;color:#566274;font-size:11px;outline:none}.board-filters input{width:220px}.board-filters input:focus,.board-filters select:focus{border-color:#a69cf4;box-shadow:0 0 0 3px #eeeaff}
.kanban-enhanced{align-items:start;overflow:visible}.kanban-enhanced .kanban-col{min-height:430px;transition:background .16s,border-color .16s;border:1px solid transparent}.kanban-enhanced .kanban-col.is-over{background:#eae7ff;border-color:#bcb4fa}.kanban-title{font:700 12px Manrope;color:var(--ink)}.kanban-head small{display:block;color:#9aa3af;font-size:10px;font-weight:400;margin-top:4px}.kanban-dropzone{min-height:300px}.kanban-card-enhanced{cursor:grab;transition:transform .15s,box-shadow .15s,opacity .15s;user-select:none}.kanban-card-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1722330d}.kanban-card-enhanced.is-dragging{opacity:.45;transform:rotate(1deg)}.kanban-card-enhanced.is-saving{opacity:.55;pointer-events:none}.kanban-card-enhanced[hidden]{display:none!important}.kanban-card-top,.kanban-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.priority{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:700;padding:5px 7px;border-radius:20px}.priority i{width:6px;height:6px;border-radius:50%;background:currentColor}.priority-low{color:#5b9a80;background:#edf8f2}.priority-medium{color:#b98536;background:#fff7e9}.priority-high{color:#d47745;background:#fff1e9}.priority-urgent{color:#d45f6a;background:#fff0f1}.task-edit-link{font-size:10px;color:var(--purple);font-weight:700}.kanban-card-enhanced .kanban-task-title{font:700 12px Manrope;line-height:1.45;margin:11px 0 6px}.kanban-description{font-size:10px;line-height:1.5;color:#7f8998;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kanban-project{font-size:10px;color:#8490a1;margin:9px 0 12px}.kanban-card-bottom{padding-top:10px;border-top:1px solid #f0f2f5;flex-wrap:wrap}.kanban-assignee{display:flex;align-items:center;gap:6px;font-size:9px;color:#778394}.mini-avatar{width:21px;height:21px;border-radius:50%;display:inline-grid;place-items:center;background:#eeeaff;color:#6c5ce7;font-size:9px;font-weight:700}.kanban-due{font-size:9px;color:#8993a0}.kanban-due.is-overdue{color:#d45f6a;font-weight:700}.kanban-status-select{width:100%;margin-top:10px;border:1px solid var(--line);border-radius:7px;padding:7px;background:#fff;color:#667184;font-size:10px;cursor:pointer}.kanban-empty{padding:22px 8px;text-align:center;border:1px dashed #d9dee6;border-radius:9px;color:#a0a8b5;font-size:10px}.kanban-empty[hidden]{display:none}.board-feedback{display:none;margin-bottom:12px;padding:10px 13px;border-radius:9px;background:#eaf8f2;color:#168c67;font-size:11px}.board-feedback.visible{display:block}.board-feedback.is-error{background:#fff0f1;color:#c95b66}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.kanban-enhanced{grid-template-columns:repeat(4,minmax(235px,1fr));overflow-x:auto;padding-bottom:8px}.board-toolbar{align-items:flex-start;flex-direction:column}.board-filters{width:100%}.board-filters input{flex:1;width:100%}}
@media(max-width:520px){.board-filters{flex-direction:column}.board-filters select{height:36px}.kanban-enhanced{grid-template-columns:repeat(4,250px)}}