:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#233044;background:#f5f7fb;font-size:14px;--bg:#f5f7fb;--panel:#fff;--text:#233044;--muted:#7b8799;--border:#e5e9f0;--soft:#eff3f8;--accent:#304b78;--shadow:0 8px 24px #152d4810}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);padding:10px 14px;border-radius:9px;background:var(--panel);color:var(--text)}button:hover{filter:brightness(.97)}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--accent)}.hidden{display:none!important}.primary{background:#304b78;border-color:#304b78;color:#fff;font-weight:650}.ghost{background:transparent}.full{width:100%}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(100%,425px);padding:38px;background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:20px}.brand-icon{width:38px;height:38px;border-radius:11px;display:inline-grid;place-items:center;background:#304b78;color:#fff;font-weight:900;font-size:22px}.auth-card h1{font-size:25px;margin:18px 0 3px}.auth-card p{color:var(--muted);line-height:1.5}.auth-card label,.modal-form label{display:block;margin:15px 0;color:var(--text);font-weight:650}.auth-card input,.modal-form input,.modal-form textarea,.modal-form select,.filter{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text)}.auth-card button{margin-top:12px}.hint{font-size:12px}.error{color:#d23b46;margin-top:10px}.app{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:#182536;color:#cbd7e7;padding:25px 14px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:11px;margin:0 9px 37px;color:white}.logo small{display:block;color:#9daec5;margin-top:3px}.sidebar nav{display:grid;gap:5px}.sidebar button{display:flex;gap:10px;align-items:center;text-align:left;background:transparent;border:0;color:#cbd7e7;width:100%;padding:13px}.sidebar button:hover,.sidebar button.active{background:#30435e;color:#fff}.side-bottom{margin-top:auto}main{width:100%;min-width:0;padding:29px max(22px,3.5vw)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.topbar small{font-size:10px;letter-spacing:1.6px;font-weight:800;color:var(--muted)}h1{font-size:28px;margin:7px 0}h2{font-size:18px;margin:0}.top-actions{display:flex;align-items:center;gap:15px}.top-actions span{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:15px;margin-bottom:20px}.stat,.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.stat strong{display:block;font-size:30px;margin-bottom:9px}.stat span{color:var(--muted)}.panel{margin-bottom:20px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}.toolbar .filters{display:flex;gap:9px;flex-wrap:wrap}.filter{width:auto;min-width:155px;margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.item-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.item-card h3{margin:0 0 8px;font-size:16px}.item-card p{color:var(--muted);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.item-card .meta{font-size:12px;margin:10px 0}.card-actions{display:flex;gap:7px;flex-wrap:wrap}.card-actions button{font-size:12px;padding:7px 9px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:13px;align-items:start;overflow-x:auto;padding-bottom:14px}.lane{background:var(--soft);padding:12px;border-radius:13px;min-height:400px}.lane h3{display:flex;justify-content:space-between;font-size:13px;padding:0 5px;margin:6px 0 16px}.lane .item-card{margin-bottom:10px;cursor:grab}.lane.dragover{outline:2px dashed var(--accent)}.pill{display:inline-block;border-radius:99px;padding:4px 9px;background:var(--soft);font-size:11px;color:var(--text)}.priority-urgent{color:#bd2441}.priority-high{color:#a76713}.late{color:#c23f4c}.empty{color:var(--muted);text-align:center;padding:36px 10px}.project-name{font-size:12px;color:var(--muted)}.action-row{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}dialog{border:1px solid var(--border);box-shadow:0 20px 70px #0b1f3a40;border-radius:16px;padding:0;width:min(94vw,590px);background:var(--panel);color:var(--text);max-height:90vh}dialog::backdrop{background:#0b1f3a8a}.modal-form{padding:24px;max-height:90vh;overflow:auto}.modal-form header,.modal-form footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-form footer{margin-top:20px}.modal-form textarea{min-height:88px;resize:vertical}.icon-button{border:0;font-size:25px;padding:0 7px}.activity-note{border-bottom:1px solid var(--border);padding:11px 0;white-space:pre-wrap;overflow-wrap:anywhere}.activity-note small{color:var(--muted);display:block;margin-top:4px}#notice{color:#b33636;min-height:0;margin-bottom:8px}.summary-list{display:grid;gap:9px}.summary-list>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:9px 0}.summary-list span{color:var(--muted)}body.dark{--bg:#1e252e;--panel:#28313d;--text:#e4e8f0;--muted:#aeb9c8;--border:#394657;--soft:#222b36;--accent:#b6cdf6;--shadow:none}body.dark .primary{background:#486da1;border-color:#486da1;color:#fff}@media(max-width:1050px){.kanban{grid-template-columns:repeat(4,260px)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:730px){.app{display:block}.sidebar{width:auto;padding:12px;display:block}.logo{margin:0 0 12px}.sidebar nav{display:flex;overflow:auto}.sidebar button{width:auto;flex-shrink:0;padding:9px 10px}.side-bottom{display:flex}.side-bottom button{width:auto}.topbar{align-items:flex-start}.top-actions{flex-direction:column;align-items:end;gap:5px}.top-actions span{display:none}main{padding:18px}.stats{gap:9px}.stat{padding:15px}.stat strong{font-size:24px}.toolbar{align-items:stretch}.filter{min-width:140px}.cards{grid-template-columns:1fr}}

/* BWA Manager 1.1 */
.login-brand{width:205px;max-height:130px;object-fit:contain;display:block;margin:auto}.sidebar-brand{width:58px;height:42px;object-fit:contain;flex-shrink:0}.collapse-btn{margin:0 0 15px}.sidebar-mini .sidebar{width:78px}.sidebar-mini .sidebar .logo span,.sidebar-mini .sidebar nav span,.sidebar-mini .sidebar .side-bottom span,.sidebar-mini .sidebar .collapse-btn span{display:none}.sidebar-mini .sidebar .logo{margin:0 0 24px}.sidebar-mini .sidebar nav button,.sidebar-mini .sidebar .side-bottom button{justify-content:center}.stat{text-align:left;transition:transform .15s,border-color .15s;width:100%}.stat:hover{transform:translateY(-2px);border-color:#86a7d0}.lane-todo{background:#e8ebef}.lane-doing{background:#deedff}.lane-waiting{background:#fff0d4}.lane-done{background:#ddf4e3}.lane-todo>h3{color:#526174}.lane-doing>h3{color:#205ea1}.lane-waiting>h3{color:#98631f}.lane-done>h3{color:#26764b}body.dark .lane-todo{background:#343d49}body.dark .lane-doing{background:#233f5c}body.dark .lane-waiting{background:#51412e}body.dark .lane-done{background:#264c41}body.dark .lane>h3{color:#ecf2f9}.client-card{border-top:7px solid var(--client-color);background:linear-gradient(180deg,var(--client-color),var(--panel) 115px)}body.dark .client-card{background:var(--panel)}.client-identity{display:flex;align-items:center;gap:12px;margin-bottom:12px}.client-logo,.client-fallback{height:52px;width:52px;object-fit:contain;border-radius:12px;background:white;border:1px solid #dfe5ed}.client-fallback{display:grid;place-items:center;font-size:21px;font-weight:700;color:#33465a}.palette{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.swatch{width:37px;height:37px;display:grid!important;place-items:center;border:1px solid #b7c4cf!important;border-radius:11px;cursor:pointer;margin:0!important}.swatch input{position:absolute;opacity:0;width:0;height:0}.swatch span{display:none;color:#263749}.swatch:has(input:checked){outline:3px solid #3c7db9;outline-offset:2px}.swatch:has(input:checked) span{display:block}.profile-button{display:flex;align-items:center;gap:9px;border:0;background:transparent}.avatar{width:38px;height:38px;object-fit:cover;border-radius:50%;border:2px solid #d6e7ed}.profile-button span{white-space:nowrap}@media(max-width:730px){.sidebar-mini .sidebar{width:auto}.sidebar-mini .sidebar nav,.sidebar-mini .sidebar .side-bottom{display:none}.sidebar-mini .sidebar .logo{margin-bottom:5px}.sidebar-mini .sidebar .collapse-btn span{display:inline}.top-actions .profile-button span{display:none}}


/* BWA Manager 1.1.1 branding update */
.auth-card{display:flex;flex-direction:column;align-items:center;text-align:center}.auth-card label,.auth-card input,.auth-card button,.auth-card .hint,.auth-card .error{width:100%;text-align:left}.auth-card h1{margin-top:14px}.auth-card p{margin-top:0}.login-brand{width:250px;max-height:160px}.logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:0 0 28px;text-align:center}.sidebar-brand{width:120px;height:82px;object-fit:contain}.logo span{display:block}.logo b{display:block;font-size:18px;line-height:1.2}.logo small{margin-top:0}.sidebar-mini .sidebar .logo{margin:0 0 20px}.sidebar-mini .sidebar .logo img{width:44px;height:44px}.sidebar-mini .sidebar .logo span{display:none}.sidebar-mini .sidebar .logo{gap:6px}.
