:root{--brand:#cf1745;--brand2:#e62a59;--brand-soft:#fff0f4;--text:#121827;--muted:#667085;--border:#e8eaf0;--panel:#fff;--bg:#fbfbfd;--green:#15a46f;--green-soft:#e9f8f2;--orange:#ee940d;--orange-soft:#fff6e7;--blue:#3478df;--blue-soft:#edf5ff;--purple:#7357e8;--shadow:0 8px 25px rgba(17,24,39,.04)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--border);padding:20px 10px 16px;display:flex;flex-direction:column;z-index:20}.brand{height:74px;display:flex;align-items:center;padding:0 14px 12px}.brand img{width:154px;height:auto;display:block}.main-nav{display:flex;flex-direction:column;gap:4px}.nav-item{height:50px;display:flex;align-items:center;gap:14px;padding:0 16px;border-radius:10px;font-weight:650;color:#1f2937;position:relative}.nav-item:hover{background:#faf6f7}.nav-item.active{background:linear-gradient(90deg,#fff2f5,#fff9fa);color:var(--brand)}.nav-item.active:after{content:"";position:absolute;right:0;width:4px;height:34px;border-radius:4px;background:var(--brand)}.icon{width:22px;height:22px;display:inline-grid;place-items:center;border:1.8px solid currentColor;border-radius:5px;font-size:0}.icon:before{font-size:13px;line-height:1}.icon[data-icon="home"]{border-radius:10px 10px 5px 5px}.icon[data-icon="home"]::before{content:"⌂"}.icon[data-icon="check-square"]::before{content:"✓"}.icon[data-icon="clipboard"]::before{content:"▤"}.icon[data-icon="folder"]::before{content:"▱"}.icon[data-icon="calendar"]::before{content:"□"}.icon[data-icon="repeat"]::before{content:"↻"}.icon[data-icon="chart"]::before{content:"↗"}.icon[data-icon="users"]::before{content:"👥";font-size:12px}.icon[data-icon="settings"]::before{content:"⚙"}.sidebar-bottom{margin-top:auto}.profile-mini{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:#fff}.profile-text{display:flex;flex-direction:column;min-width:0;flex:1}.profile-text strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-text span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1f2937,#6b7280);color:#fff;font-size:13px;font-weight:800;flex:none}.avatar.small{width:32px;height:32px;font-size:10px}.sidebar-foot{border-top:1px solid var(--border);margin-top:14px;padding:14px 12px 0;display:flex;justify-content:space-between}.bell{position:relative}.bell b{position:absolute;top:-9px;right:-13px;min-width:19px;height:19px;border-radius:10px;background:var(--brand);color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #fff}.main{padding:26px 38px 50px;min-width:0}.mobile-top{display:none}.flash{padding:12px 14px;border-radius:12px;margin-bottom:15px;font-weight:650}.flash.success{background:var(--green-soft);color:#087b54}.flash.error{background:#fff0f2;color:#a3123b}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:28px}.page-head h1{font-size:26px;margin:0 0 5px;letter-spacing:-.02em}.page-head p{margin:0;color:var(--muted);font-size:14px}.greeting{display:flex;align-items:center;gap:16px}.greeting .sun{width:54px;height:54px;border:1px solid var(--border);border-radius:13px;display:grid;place-items:center;color:#f5a100;font-size:28px;background:#fff}.greeting h1{font-size:25px}.head-actions,.row-actions{display:flex;align-items:center;gap:10px}.btn{border:1px solid transparent;border-radius:10px;padding:11px 16px;font-weight:760;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 7px 16px rgba(207,23,69,.17)}.btn.secondary{border-color:var(--border);color:#252b37}.btn.full{width:100%;margin-top:12px}.btn.mini{padding:8px 11px;font-size:12px}.btn.small{padding:8px 10px;font-size:12px;border-color:var(--border)}.orange-btn{background:var(--orange-soft);color:#b56600}.green-btn{background:var(--green-soft);color:#087b54}.section-title{margin-bottom:18px}.section-title h2{font-size:24px;margin:0 0 4px}.section-title p{margin:0;color:var(--muted);font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;min-width:0}.stat-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:800;flex:none}.stat-icon.green{background:var(--green-soft);color:var(--green)}.stat-icon.orange{background:var(--orange-soft);color:var(--orange)}.stat-icon.brand{background:var(--brand-soft);color:var(--brand)}.stat-card div:last-child{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:baseline;min-width:0}.stat-card b{font-size:28px;line-height:1}.stat-card span{font-size:13px;font-weight:700}.stat-card small{grid-column:1/-1;color:var(--muted);font-size:11px;margin-top:5px}.green-text{color:var(--green)}.orange-text{color:var(--orange)}.brand-text{color:var(--brand)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(300px,.95fr);gap:24px}.card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.card-head{min-height:54px;border-bottom:1px solid var(--border);padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.card-head h3{margin:0;font-size:16px}.select-chip{border:1px solid var(--border);border-radius:9px;padding:8px 12px;font-size:12px}.timeline{padding:6px 18px}.timeline-row{display:grid;grid-template-columns:58px 16px minmax(0,1fr) auto;align-items:center;min-height:75px;border-bottom:1px solid #eef0f4;gap:8px}.timeline-row:hover .timeline-main strong{color:var(--brand)}.time{font-weight:780;font-size:15px}.timeline-mark{width:9px;height:9px;border-radius:50%;position:relative}.timeline-mark:after{content:"";position:absolute;width:1px;height:67px;background:#e8eaf0;left:4px;top:8px}.timeline-row:last-child .timeline-mark:after{display:none}.timeline-mark.green{background:var(--green)}.timeline-mark.brand{background:var(--brand)}.timeline-mark.orange{background:var(--orange)}.timeline-main{display:flex;align-items:center;gap:14px;min-width:0}.timeline-main>div:last-child{display:flex;flex-direction:column;min-width:0}.timeline-main strong{font-size:13px}.timeline-main span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.task-symbol{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;flex:none}.task-symbol.green{background:var(--green-soft);color:var(--green)}.task-symbol.brand{background:var(--brand-soft);color:var(--brand)}.task-symbol.orange{background:var(--orange-soft);color:var(--orange)}.status-pill,.badge{border-radius:8px;padding:6px 9px;font-size:11px;font-weight:760;white-space:nowrap;font-style:normal}.status-pill.green,.badge.green{background:var(--green-soft);color:#0b865d}.status-pill.brand,.badge.brand{background:var(--brand-soft);color:var(--brand)}.status-pill.orange,.badge.orange{background:var(--orange-soft);color:#c47800}.badge.gray{background:#f1f3f6;color:#697182}.add-line{display:flex;justify-content:center;padding:16px;color:var(--brand);font-size:12px;font-weight:760}.right-stack{display:flex;flex-direction:column;gap:14px}.side-card{padding:0 16px}.side-card .card-head{padding-left:0;padding-right:0}.priority-item{display:grid;grid-template-columns:18px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.check-dot{width:16px;height:16px;border-radius:4px;background:var(--brand);color:#fff;font-size:10px;display:grid;place-items:center}.priority-item div{display:flex;flex-direction:column}.priority-item strong{font-size:12px}.priority-item small,.project-mini small{font-size:10px;color:var(--muted);margin-top:3px}.side-link{display:flex;justify-content:space-between;padding:12px 0;font-size:11px;font-weight:700}.project-mini{display:block;padding:9px 0}.project-line{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center}.project-line .dot{width:8px;height:8px;border-radius:50%}.dot.d0{background:#317fe4}.dot.d1{background:#17a673}.dot.d2{background:#f2a111}.project-line div{display:flex;flex-direction:column}.project-line strong{font-size:11px}.project-line>b{font-size:10px;color:var(--muted)}.progress{height:4px;border-radius:5px;background:#eef0f3;overflow:hidden;margin-top:6px}.progress i{display:block;height:100%;background:var(--brand);border-radius:5px}.calendar-card{padding:14px 16px}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:6px}.week{font-size:9px;color:var(--muted);margin-bottom:8px}.days span{height:27px;display:grid;place-items:center;font-size:10px}.days .today{background:var(--brand);color:#fff;border-radius:50%}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:130px;color:var(--muted);gap:5px}.empty b{color:var(--text)}.muted{color:var(--muted);font-size:12px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.tabs a{padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:#fff;font-size:12px;font-weight:700}.tabs a.active{background:var(--brand-soft);border-color:#ffd9e3;color:var(--brand)}.table-card{overflow:hidden}.task-table{overflow-x:auto}.task-tr{min-width:900px;display:grid;grid-template-columns:2.1fr 1.2fr 1.1fr .9fr .8fr .9fr;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);font-size:12px}.task-tr:hover{background:#fffafb}.task-tr.th{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800;background:#fcfcfd}.task-tr>span:first-child{display:flex;flex-direction:column}.task-tr small{color:var(--muted);margin-top:3px}.form-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.85fr);gap:22px}.form-card{padding:22px}.form-card h3,.detail-card h3{margin:0 0 18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:760;margin:0 0 6px}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;padding:11px 12px;outline:none;color:var(--text)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#e89aaf;box-shadow:0 0 0 3px rgba(207,23,69,.08)}.radio-row,.check-row{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:10px}.radio-row:hover,.check-row:hover{background:#fafafa}.radio-row input,.check-row input{width:auto;margin-top:3px}.radio-row span,.check-row span:last-child{display:flex;flex-direction:column}.radio-row small,.check-row small{font-weight:500;color:var(--muted);margin-top:2px}.form-card hr,.detail-card hr{border:0;border-top:1px solid var(--border);margin:18px 0}.share-list{max-height:265px;overflow:auto;border:1px solid var(--border);border-radius:10px;margin-bottom:14px}.share-list.compact{max-height:180px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.85fr);gap:22px;margin-bottom:22px}.detail-card{padding:22px}.detail-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.detail-meta div{display:flex;flex-direction:column}.detail-meta span{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800}.detail-meta b{font-size:13px;margin-top:5px}.long-text{font-size:13px;line-height:1.7;color:#465063}.status-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.person-line{display:flex;gap:10px;align-items:center;padding:8px 0}.person-line div{display:flex;flex-direction:column}.person-line b{font-size:12px}.person-line small{font-size:10px;color:var(--muted)}.checklist-item{display:flex;gap:9px;align-items:center;padding:8px 0}.check-button{width:26px;height:26px;border:1px solid var(--border);border-radius:50%;background:#fff;cursor:pointer}.check-button.done{background:var(--green);color:#fff;border-color:var(--green)}.strike{text-decoration:line-through;color:var(--muted)}.inline-form{display:flex;gap:8px;margin-top:12px}.comment-form{display:grid;gap:8px;margin-bottom:15px}.comment{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--border)}.comment>div:last-child{min-width:0}.comment b{font-size:11px}.comment small{font-size:9px;color:var(--muted);margin-left:5px}.comment p{font-size:12px;line-height:1.5;margin:5px 0 0}.activity-list>div{display:flex;gap:10px;align-items:flex-start;padding:8px 0}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);margin-top:7px;flex:none}.activity-list p{margin:0;font-size:12px}.activity-list small{color:var(--muted)}.crumb{font-size:11px;color:var(--muted);margin-bottom:6px}.crumb a{color:var(--brand)}.week-board{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:12px;overflow-x:auto;padding-bottom:10px}.day-col{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px;min-height:460px}.day-head{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 12px}.day-head b{font-size:13px}.day-head span{font-size:10px;color:var(--muted)}.plan-task{display:block;border:1px solid var(--border);border-left:3px solid #c8ccd5;border-radius:9px;padding:10px;margin-bottom:8px}.plan-task.high{border-left-color:var(--brand)}.plan-task.medium{border-left-color:var(--orange)}.plan-task strong,.plan-task small{display:block}.plan-task strong{font-size:11px}.plan-task small{font-size:9px;color:var(--muted);margin-top:5px}.plan-add{font-size:10px;color:var(--brand);font-weight:700;display:block;padding:8px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{padding:20px}.project-card:hover{border-color:#f1c1cd}.project-icon{width:42px;height:42px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.project-card h3{margin:15px 0 5px}.project-card p{font-size:12px;line-height:1.5;color:var(--muted);min-height:36px}.project-foot{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:var(--muted)}.simple-task{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--border)}.simple-task div{display:flex;flex-direction:column}.simple-task small{color:var(--muted);font-size:10px;margin-top:3px}.agenda-list{display:grid;gap:12px}.agenda-day{display:grid;grid-template-columns:95px 1fr;padding:18px}.agenda-date{display:flex;align-items:center;gap:9px;border-right:1px solid var(--border)}.agenda-date b{font-size:32px}.agenda-date span{font-size:9px;color:var(--muted);line-height:1.5}.agenda-events{padding-left:18px}.agenda-event{display:grid;grid-template-columns:50px 12px 1fr;gap:10px;align-items:center;padding:10px;border-radius:10px}.agenda-event:hover{background:#fafafa}.agenda-time{font-size:12px;font-weight:780}.agenda-dot{width:8px;height:8px;border-radius:50%}.agenda-dot.brand{background:var(--brand)}.agenda-dot.blue{background:var(--blue)}.agenda-event div{display:flex;flex-direction:column}.agenda-event b{font-size:12px}.agenda-event small{font-size:9px;color:var(--muted)}.routine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.routine-card{padding:18px;display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center}.routine-icon{width:42px;height:42px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:20px}.routine-card h3{margin:0 0 4px;font-size:14px}.routine-card p{margin:0;font-size:11px;color:var(--muted)}.routine-card small{font-size:10px;color:var(--muted)}.report-card{padding-bottom:4px}.report-row{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--border)}.report-row>div:first-child{display:flex;flex-direction:column}.report-row b{font-size:12px}.report-row small{font-size:10px;color:var(--muted);margin-top:4px}.report-progress{display:grid;grid-template-columns:1fr 45px;gap:10px;align-items:center}.report-progress .progress{margin:0}.user-list{padding:4px 18px}.user-row{display:grid;grid-template-columns:45px minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}.user-info{display:flex;flex-direction:column}.user-info b{font-size:13px}.user-info small{font-size:10px;color:var(--muted)}.codebox{display:block;white-space:normal;word-break:break-all;background:#f6f7f9;border:1px solid var(--border);padding:10px;border-radius:8px;font-size:10px}.notification-list{overflow:hidden}.notification-item{display:flex;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.notif-icon{width:38px;height:38px;border-radius:50%;background:var(--brand-soft);display:grid;place-items:center}.notification-item b{font-size:12px}.notification-item p{margin:4px 0;color:var(--muted);font-size:11px}.notification-item small{font-size:9px;color:#98a2b3}.modal{position:fixed;inset:0;background:rgba(15,23,42,.38);display:none;align-items:center;justify-content:center;padding:18px;z-index:100}.modal.show{display:flex}.modal-card{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;position:relative;box-shadow:0 30px 70px rgba(0,0,0,.15)}.modal-card.wide{width:min(760px,100%)}.modal-card h2{margin-top:0}.modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;background:#f4f5f7;border-radius:50%;font-size:20px;cursor:pointer}.modal-card label{margin-top:12px}.auth-body{background:#fff}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-brand{background:linear-gradient(145deg,#fff4f7,#fff);padding:12vh 9vw;display:flex;flex-direction:column;justify-content:center}.auth-brand img{width:220px;height:auto;margin-bottom:40px}.auth-brand h1{font-size:44px;line-height:1.05;max-width:520px;margin:0}.auth-brand p{font-size:17px;line-height:1.6;color:var(--muted);max-width:480px}.auth-card{width:min(430px,calc(100% - 40px));margin:auto;padding:32px;border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 50px rgba(20,24,40,.06)}.auth-card h2{font-size:28px;margin:0}.auth-card>p{color:var(--muted);margin:5px 0 25px}.auth-card label{margin-top:14px}.auth-card .full{margin-top:20px}
@media(max-width:1100px){.main{padding:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.right-stack{display:grid;grid-template-columns:repeat(2,1fr)}.calendar-card{grid-column:1/-1}.project-grid{grid-template-columns:repeat(2,1fr)}.detail-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:-280px;transition:.2s;width:260px;box-shadow:10px 0 30px rgba(0,0,0,.12)}.sidebar.open{left:0}.main{padding:0 14px 35px}.mobile-top{height:66px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;border-bottom:1px solid var(--border);background:#fff}.mobile-top img{width:110px}.icon-btn{width:42px;height:42px;border:1px solid var(--border);background:#fff;border-radius:10px}.page-head{align-items:flex-start}.greeting .sun{display:none}.form-layout,.detail-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.routine-grid{grid-template-columns:1fr}.report-row{grid-template-columns:1fr}.auth-wrap{grid-template-columns:1fr}.auth-brand{display:none}.auth-card{margin:50px auto}.timeline-row{grid-template-columns:48px 12px 1fr}.timeline-row .status-pill{display:none}}
@media(max-width:560px){.page-head{flex-direction:column}.head-actions{width:100%;flex-wrap:wrap}.head-actions .btn,.head-actions form{flex:1}.head-actions form .btn{width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:13px;gap:10px}.stat-icon{width:40px;height:40px;font-size:19px}.stat-card b{font-size:22px}.stat-card span{font-size:11px}.right-stack{grid-template-columns:1fr}.calendar-card{grid-column:auto}.timeline{padding:4px 10px}.timeline-row{min-height:72px}.task-symbol{width:36px;height:36px}.timeline-main span{max-width:210px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.detail-meta{grid-template-columns:1fr 1fr}.agenda-day{grid-template-columns:65px 1fr;padding:12px}.agenda-date b{font-size:24px}.agenda-events{padding-left:8px}.user-row{grid-template-columns:38px 1fr auto}.user-row .badge:nth-of-type(2),.user-row form{grid-column:2/-1}.modal-card{padding:20px}.stats-grid .stat-card small{display:none}}