*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f5f7fb}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.muted{color:#6b7280}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#111827;color:#d1d5db;position:fixed;inset:0 auto 0 0;padding:20px 14px;display:flex;flex-direction:column;z-index:30}.side-brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.side-brand b{display:block;color:#fff}.side-brand span{font-size:12px;color:#9ca3af}.brandmark{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#2563eb;color:#fff;font-weight:800;letter-spacing:-1px}.brandmark.small{width:38px;height:38px;border-radius:11px}.sidebar nav{display:grid;gap:6px}.sidebar nav a,.side-footer a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active,.side-footer a:hover{background:#1f2937;color:#fff}.side-footer{margin-top:auto}.main-wrap{margin-left:240px;min-width:0;width:calc(100% - 240px)}.topbar{height:68px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:20}.topbar>div:first-of-type{display:flex;flex-direction:column}.topbar b{font-size:14px}.topbar span{font-size:12px;color:#6b7280}.today{margin-left:auto;color:#6b7280;font-size:13px}.menu-btn{display:none;border:0;background:transparent;font-size:24px;margin-right:10px}.content{padding:28px;max-width:1450px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.page-head h1{font-size:27px;margin:0 0 5px;letter-spacing:-.4px}.page-head p{margin:0;color:#6b7280}.eyebrow{font-size:12px;color:#6b7280;text-transform:uppercase;font-weight:700;letter-spacing:.05em;margin-bottom:6px}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:20px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px}.panel-head h2{font-size:18px;margin:0 0 4px}.panel-head p{font-size:13px;color:#6b7280;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border-radius:9px;border:1px solid transparent;font-weight:700;font-size:14px;cursor:pointer}.btn.primary{background:#2563eb;color:#fff}.btn.light{background:#fff;border-color:#d1d5db;color:#374151}.btn.ghost{color:#6b7280;background:transparent}.btn.danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}.btn.full{width:100%}.text-link{color:#2563eb;font-weight:700;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.stat span,.stat small{display:block;color:#6b7280;font-size:12px}.stat b{display:block;font-size:28px;margin:6px 0 2px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.member-summary{display:flex;gap:11px;border:1px solid #e5e7eb;border-radius:12px;padding:13px;min-width:0}.member-summary:hover{border-color:#bfdbfe;background:#f8fbff}.grow{min-width:0;flex:1}.member-summary b,.member-summary small{display:block}.member-summary small{font-size:11px;color:#6b7280;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:38px;height:38px;border-radius:50%;background:#eef2ff;color:#3730a3;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.avatar.tiny{width:27px;height:27px;font-size:11px}.avatar.big{width:76px;height:76px;font-size:28px;margin:auto}.role-chip{display:inline-flex;align-items:center;font-size:10px;font-weight:800;border-radius:999px;padding:4px 7px;background:#f3f4f6;color:#4b5563;margin-top:4px}.role-chip.social-media{background:#fff7ed;color:#c2410c}.role-chip.seo{background:#ecfdf5;color:#047857}.role-chip.content-writer{background:#f5f3ff;color:#6d28d9}.bar,.mini-progress{display:block;height:5px;background:#eef2f7;border-radius:999px;overflow:hidden;margin-top:8px}.bar em,.mini-progress em{display:block;height:100%;background:#2563eb}.task-list{display:grid}.task-row{display:flex;align-items:center;gap:16px;padding:13px 2px;border-top:1px solid #f1f3f6}.task-row:first-child{border-top:0}.task-main{min-width:0;flex:1}.task-main>b{display:block;margin:5px 0 3px}.task-main small{display:block;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;font-size:10px;padding:4px 7px;border-radius:999px;font-weight:800;background:#f3f4f6;color:#4b5563}.status-planned{background:#eff6ff;color:#1d4ed8}.status-in-progress{background:#ecfeff;color:#0e7490}.status-review{background:#fff7ed;color:#c2410c}.status-revision{background:#fff1f2;color:#be123c}.status-done,.approved{background:#ecfdf5;color:#047857}.status-blocked{background:#fef2f2;color:#b91c1c}.status-on-hold,.status-carry-forward{background:#f3f4f6;color:#4b5563}.overdue{background:#fef2f2;color:#b91c1c}.platform{font-size:11px;color:#6b7280}.progress-num{font-size:13px;font-weight:800;color:#2563eb}.activity-list{display:grid;gap:0}.activity-item{display:flex;gap:11px;padding:11px 0;border-top:1px solid #f3f4f6}.activity-item:first-child{border-top:0}.activity-dot{width:8px;height:8px;background:#2563eb;border-radius:50%;margin:7px 2px 0}.activity-item b{font-size:13px}.activity-item p{margin:3px 0;color:#4b5563;font-size:13px}.activity-item small{color:#9ca3af;font-size:11px}.empty{padding:28px 12px;text-align:center;color:#9ca3af}.empty.small{padding:12px}.narrow-wide{max-width:920px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .span2{grid-column:1/-1}.form-grid label,.mini-form label,.login-card label,.filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#4b5563}.form-grid label small,.mini-form label small{font-weight:500;color:#9ca3af}.form-grid input,.form-grid select,.form-grid textarea,.mini-form input,.mini-form select,.mini-form textarea,.login-card input,.filters input,.filters select{width:100%;border:1px solid #d1d5db;border-radius:9px;padding:10px 11px;background:#fff;color:#172033;min-height:42px}.form-grid textarea,.mini-form textarea{resize:vertical}.form-actions{display:flex;gap:9px}.filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.filters label{min-width:135px;flex:1}.task-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.task-card{border:1px solid #e5e7eb;border-radius:13px;padding:15px;min-width:0}.task-card:hover{border-color:#bfdbfe;background:#fbfdff}.task-card-head{display:flex;justify-content:space-between;gap:8px}.priority{font-size:10px;font-weight:800;color:#6b7280}.priority-high,.priority-urgent{color:#b91c1c}.task-card h3{font-size:15px;margin:11px 0 6px}.task-card>p{font-size:12px;color:#6b7280;margin:0 0 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignee{display:flex;align-items:center;gap:6px;font-size:11px;color:#4b5563;margin-bottom:11px}.card-meta{display:flex;gap:9px;flex-wrap:wrap;font-size:10px;color:#9ca3af}.progress-line{display:flex;align-items:center;gap:8px;margin-top:12px}.progress-line i{height:5px;flex:1;background:#eef2f7;border-radius:999px;overflow:hidden}.progress-line em{display:block;height:100%;background:#2563eb}.progress-line b{font-size:10px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:20px}.detail-status{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.info-grid>div{background:#f8fafc;border-radius:10px;padding:11px}.info-grid span,.content-block>span{display:block;font-size:10px;color:#9ca3af;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.info-grid b{display:block;font-size:12px;margin-top:5px}.content-block{padding:15px 0;border-top:1px solid #f1f3f6}.content-block p{font-size:14px;line-height:1.55;margin:7px 0 0;color:#374151}.manager-note{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:13px}.manager-note p{margin:5px 0 0;font-size:13px}.mini-form{display:grid;gap:12px}.mini-form .check{flex-direction:row;align-items:center}.mini-form .check input{width:auto;min-height:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.file-list{display:grid}.file-list>a{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #f3f4f6}.file-list>a:first-child{border-top:0}.file-icon{width:34px;height:34px;border-radius:9px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-weight:800}.file-list b,.file-list small{display:block}.file-list b{font-size:13px}.file-list small{font-size:10px;color:#9ca3af;margin-top:3px}.timeline{padding-left:7px}.timeline-item{position:relative;display:flex;gap:13px;padding:0 0 18px 12px;border-left:1px solid #dbe3ef}.timeline-item>span{position:absolute;width:9px;height:9px;border-radius:50%;background:#2563eb;left:-5px;top:4px}.timeline-item b{font-size:13px}.timeline-item p{font-size:13px;color:#4b5563;margin:4px 0}.timeline-item small{font-size:10px;color:#9ca3af}.delete-form{margin-top:10px}.member-card{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:10px;overflow:hidden}.member-card summary{display:flex;align-items:center;gap:10px;padding:13px;cursor:pointer;list-style:none}.member-card summary::-webkit-details-marker{display:none}.member-card summary b,.member-card summary small{display:block}.member-card summary small{font-size:11px;color:#6b7280;margin-top:3px}.member-card .mini-form{border-top:1px solid #e5e7eb;padding:14px}.status-dot{width:9px;height:9px;border-radius:50%;background:#d1d5db}.status-dot.on{background:#10b981}.note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:12px;font-size:12px;color:#1e3a8a;margin-top:15px}.report-table{min-width:760px}.panel:has(.report-table){overflow:auto}.tr{display:grid;grid-template-columns:2fr repeat(6,1fr);gap:10px;padding:12px 7px;border-top:1px solid #f1f3f6;align-items:center;font-size:12px}.tr.head{font-weight:800;color:#6b7280;border-top:0}.tr span small{display:block;color:#9ca3af;margin-top:3px}.metric-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #f1f3f6;font-size:13px}.metric-row:first-of-type{border-top:0}.profile-card{text-align:center}.profile-card h2{margin:11px 0 2px}.profile-meta{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;text-align:left;border-top:1px solid #f1f3f6}.profile-meta>div{padding:13px;border-bottom:1px solid #f1f3f6}.profile-meta span,.profile-meta b{display:block}.profile-meta span{font-size:10px;color:#9ca3af;text-transform:uppercase;font-weight:800}.profile-meta b{font-size:12px;margin-top:4px}.alert{border-radius:10px;padding:11px 13px;margin-bottom:17px;font-size:13px;font-weight:700}.alert.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.alert.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.login-body{background:#f4f7fb}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(100%,410px);background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:30px}.login-card .brandmark{margin-bottom:18px}.login-card h1{margin:0 0 5px;font-size:25px}.login-card>p{margin:0 0 23px}.login-card form{display:grid;gap:14px}.login-note{text-align:center;margin-top:16px;font-size:11px;color:#9ca3af}
@media(max-width:1050px){.team-grid,.task-cards{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main-wrap{margin-left:0;width:100%}.menu-btn{display:block}.content{padding:18px}.topbar{padding:0 18px}.today{display:none}.page-head{align-items:stretch}.page-head .btn{align-self:flex-start}.grid2,.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}.team-grid,.task-cards{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr 1fr}.filters{align-items:stretch}.filters label{min-width:145px}.report-table{min-width:720px}}
@media(max-width:480px){.content{padding:14px}.panel{padding:15px;border-radius:12px}.page-head{flex-direction:column}.page-head h1{font-size:23px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:13px}.stat b{font-size:23px}.info-grid{grid-template-columns:1fr 1fr}.form-actions{flex-direction:column}.btn{width:100%}.filters .btn{width:auto}.task-row{align-items:flex-start}.login-card{padding:22px}}