@import "https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap";html,body,#root{width:100%;min-height:100%;margin:0}body{color:#0f172a;background:#f6f8fc;font-family:Raleway,sans-serif}button,input,textarea,select{font-family:inherit}:root{--sidebar-width:240px;--primary:#126bff;--primary-dark:#0756d8;--success:#18b76a;--warning:#ff8a13;--danger:#ef3434;--bg:#f6f8fc;--card:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--shadow-soft:0 4px 18px #0f172a0d}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Raleway,sans-serif}button,input,select,textarea{font-family:inherit}button:disabled{opacity:.65;cursor:not-allowed}.app-shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);color:#fff;background:linear-gradient(#071a36 0%,#041122 100%);flex-direction:column;min-height:100vh;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand-box{align-items:center;gap:12px;margin-bottom:30px;display:flex}.brand-logo{border:3px solid var(--primary);color:#dbeafe;border-radius:50%;place-items:center;width:46px;height:46px;font-size:24px;font-weight:700;display:grid;box-shadow:0 0 24px #1d7cff4d}.brand-box h1{letter-spacing:3px;margin:0;font-size:20px}.brand-box p{letter-spacing:2px;opacity:.8;margin:2px 0 0;font-size:11px}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.nav-item{border-radius:var(--radius-sm);color:#e5eefc;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;height:46px;padding:0 14px;font-size:15px;font-weight:600;display:flex}.nav-item:hover{background:#ffffff14}.nav-item.active{background:linear-gradient(135deg, var(--primary), var(--primary-dark));box-shadow:0 8px 20px #0066ff42}.favorites{border-top:1px solid #ffffff2e;margin-top:auto;padding-top:24px}.favorites-title{color:#cbd5e1;justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.favorite-item{color:#f8fafc;align-items:center;gap:9px;margin:12px 0;font-size:13px;display:flex}.favorite-item:before{content:"";border-radius:50%;width:10px;height:10px}.favorite-item.violet:before{background:#8b5cf6}.favorite-item.green:before{background:#22c55e}.favorite-item.orange:before{background:#f97316}.favorite-item.blue:before{background:#2563eb}.sidebar-user{align-items:center;gap:10px;margin-top:24px;display:flex}.avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.sidebar-user strong,.sidebar-user span{display:block}.sidebar-user strong{font-size:14px}.sidebar-user span{color:#94a3b8;margin-top:3px;font-size:12px}.main-area{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f8fcd1;border-bottom:1px solid #e2e8f0b3;justify-content:space-between;align-items:center;height:74px;padding:12px 28px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:20px;display:flex}.topbar h2{margin:0;font-size:24px}.topbar p{color:var(--muted);margin:4px 0 0;font-size:14px}.topbar-actions{align-items:center;gap:14px;display:flex}.search-box{width:310px;height:44px;box-shadow:var(--shadow-soft);background:#fff;border:1px solid #dbe3ef;border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-box input{border:0;outline:none;flex:1;font-size:14px}.search-box span{color:var(--muted);font-size:12px}.icon-btn{cursor:pointer;background:0 0;border:0;width:40px;height:40px;position:relative}.icon-btn small{background:var(--primary);color:#fff;border-radius:50%;padding:2px 5px;font-size:10px;position:absolute;top:0;right:2px}.theme-toggle{background:#fff;border:1px solid #dbe3ef;border-radius:22px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.content-area{padding:24px 28px 28px}.panel,.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.panel{min-height:260px;padding:22px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel h3{margin:0;font-size:20px}.panel-header button{color:var(--primary);cursor:pointer;background:0 0;border:0;font-weight:700}.page-title-row{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.page-title-row h1{margin:0;font-size:32px}.page-title-row p{color:var(--muted);margin:6px 0 0}.primary-action{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:0;align-items:center;gap:9px;height:46px;padding:0 18px;font-weight:700;display:flex;box-shadow:0 8px 18px #126bff3d}.secondary-action{border:1px solid var(--border);border-radius:var(--radius-sm);color:#334155;cursor:pointer;background:#fff;height:46px;padding:0 18px;font-weight:700}.table-message{color:var(--muted);padding:20px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:22px;display:grid}.kpi-card{align-items:flex-start;gap:18px;min-height:128px;padding:22px;display:flex}.kpi-icon{color:#fff;border-radius:12px;place-items:center;width:56px;height:56px;display:grid}.kpi-icon.blue{background:var(--primary)}.kpi-icon.orange{background:var(--warning)}.kpi-icon.red{background:var(--danger)}.kpi-icon.green{background:var(--success)}.kpi-card span{color:#334155;font-size:14px}.kpi-card strong{margin-top:6px;font-size:32px;display:block}.kpi-card p{color:#059669;margin:10px 0 0;font-size:13px}.dashboard-grid{grid-template-columns:1.5fr 1fr .75fr;gap:22px;display:grid}.task-list{flex-direction:column;display:flex}.task-row{border-top:1px solid var(--border);grid-template-columns:1.4fr .9fr 48px 100px;align-items:center;gap:12px;padding:14px 0;display:grid}.task-row strong{margin-bottom:7px;font-size:15px;display:block}.task-row span{color:#475569;font-size:13px}.task-row em{color:#334155;background:#edf2f7;border-radius:50%;place-items:center;width:38px;height:38px;font-style:normal;font-weight:700;display:grid}.task-row b{color:var(--danger);font-size:13px}.badge{border-radius:8px;padding:5px 10px;display:inline-block;font-size:12px!important}.badge-0,.badge-2{background:#ede9fe;color:#6d28d9!important}.badge-1{background:#dcfce7;color:#15803d!important}.badge-3{background:#dbeafe;color:#1d4ed8!important}.badge-4{background:#ffedd5;color:#c2410c!important}.progress-row{margin:22px 0}.progress-row div:first-child{justify-content:space-between;margin-bottom:8px;font-size:15px;display:flex}.progress-track,.load-bar{background:#e5eaf3;border-radius:20px;height:8px;overflow:hidden}.progress-track div,.load-bar div{background:var(--primary);border-radius:20px;height:100%}.calendar-panel h4{color:#334155;margin:0 0 14px}.mini-calendar{text-align:center;grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.mini-calendar span{color:var(--muted);font-size:11px;font-weight:700}.mini-calendar button{cursor:pointer;background:0 0;border:0;border-radius:50%;height:30px}.mini-calendar button.selected{background:var(--primary);color:#fff}.calendar-events{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.calendar-events p{border-left:3px solid var(--primary);padding-left:12px;font-size:14px}.activity-list p{color:#475569;border-bottom:1px solid #edf2f7;padding:10px 0;line-height:1.5}.team-load{grid-template-columns:42px 1fr 120px 40px;align-items:center;gap:12px;margin:14px 0;display:grid}.mini-avatar{background:#e2e8f0;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.team-load strong,.team-load span{display:block}.team-load span{color:var(--muted);margin-top:3px;font-size:12px}.quick-panel button{border-radius:var(--radius-sm);color:#0f3d85;cursor:pointer;background:#fff;border:1px solid #dbe3ef;align-items:center;gap:12px;width:100%;height:50px;margin-top:12px;padding:0 18px;font-weight:700;display:flex}.quick-panel button:hover{background:#f8fafc}.task-toolbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.task-search{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;flex:1;align-items:center;gap:10px;max-width:460px;height:46px;padding:0 14px;display:flex}.task-search input{border:0;outline:none;width:100%;font-size:14px}.filter-chip{border:1px solid var(--border);color:#334155;cursor:pointer;background:#fff;border-radius:999px;height:40px;padding:0 14px;font-weight:700}.filter-chip.active{color:var(--primary);background:#eaf2ff;border-color:#bfdbfe}.filter-count{color:#475569;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:8px;padding:0 7px;font-size:12px;font-weight:800;display:inline-flex}.filter-chip.active .filter-count{background:var(--primary);color:#fff}.deadline-cell.today{color:var(--primary)}.tasks-panel{padding:0;overflow-x:auto}.tasks-table{width:100%;min-width:1120px}.tasks-table-head,.tasks-table-row{grid-template-columns:minmax(260px,1.8fr) 150px 130px 160px 160px 130px 130px;align-items:center;gap:22px;display:grid}.tasks-table-head{border-bottom:1px solid var(--border);min-height:54px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;padding:0 20px;font-size:12px;font-weight:800}.tasks-table-head span{white-space:nowrap}.tasks-table-row{border-bottom:1px solid #edf2f7;min-height:76px;padding:14px 20px;font-size:14px}.tasks-table-row:hover{background:#f8fbff}.tasks-table-head span,.tasks-table-row>span,.task-main-cell{min-width:0}.task-main-cell strong{margin-bottom:5px;font-size:15px;line-height:1.35;display:block}.task-main-cell small{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.35;display:block}.tasks-table-row>span{line-height:1.35}.status-badge{white-space:nowrap;border-radius:999px;width:fit-content;padding:6px 10px;font-size:12px;font-weight:800}.deadline-cell{color:#334155;align-items:center;gap:7px;font-weight:700;display:flex}.deadline-cell.danger{color:var(--danger)}.modal-backdrop{z-index:100;background:#0f172a73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.task-modal{border-radius:var(--radius-md);background:#fff;width:min(860px,100%);max-height:92vh;overflow-y:auto;box-shadow:0 24px 80px #0f172a47}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding:24px 26px;display:flex}.modal-header h2{margin:0;font-size:26px}.modal-header p{color:var(--muted);margin:6px 0 0}.modal-close{cursor:pointer;background:#f1f5f9;border:0;border-radius:50%;width:40px;height:40px}.task-form{grid-template-columns:1fr 1fr;gap:18px;padding:24px 26px 26px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-group.full{grid-column:span 2}.form-group label{color:#334155;font-size:13px;font-weight:800}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;outline:none;min-height:44px;padding:0 12px;font-size:14px}.form-group textarea{resize:vertical;min-height:105px;padding-top:12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #126bff1f}.modal-actions{grid-column:span 2;justify-content:flex-end;gap:12px;padding-top:8px;display:flex}@media (width<=1400px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.calendar-panel{grid-column:span 2}}@media (width<=1200px){.tasks-table{min-width:0}.tasks-table-head{display:none}.tasks-table-row{grid-template-columns:1fr;gap:9px}.task-toolbar{flex-wrap:wrap}}@media (width<=900px){.sidebar{display:none}.main-area{width:100%;margin-left:0}.topbar{flex-direction:column;align-items:flex-start;gap:20px;height:auto}.topbar-actions{flex-wrap:wrap;width:100%}.search-box{width:100%}.kpi-grid,.dashboard-grid{grid-template-columns:1fr}.calendar-panel{grid-column:span 1}}@media (width<=700px){.task-form{grid-template-columns:1fr}.form-group.full,.modal-actions{grid-column:span 1}.modal-actions{flex-direction:column-reverse}.modal-actions button{justify-content:center;width:100%}}.tasks-table-row{text-align:left;width:100%;color:var(--text);cursor:pointer;background:#fff;border-top:0;border-left:0;border-right:0}.tasks-table-row:focus{outline-offset:-2px;outline:2px solid #126bff47}.tasks-table-row.overdue{background:#fff7f7}.task-modal-wide{width:min(1120px,100%)}.task-tabs{border-bottom:1px solid var(--border);background:#f8fafc;gap:8px;padding:14px 26px 0;display:flex;overflow-x:auto}.task-tabs button{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:7px;min-height:42px;padding:0 12px;font-weight:800;display:inline-flex}.task-tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.task-tabs button:disabled{color:#94a3b8;cursor:not-allowed}.task-tab-content{padding:24px 26px 26px}.tab-title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.tab-title-row h3,.task-tab-content h3{margin:0;font-size:22px}.tab-title-row p{color:var(--muted);margin:6px 0 0}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--muted);background:#f8fafc;margin:14px 0 0;padding:18px}.activity-table{border:1px solid var(--border);border-radius:var(--radius-md);overflow:auto}.activity-table-head,.activity-table-row{grid-template-columns:150px 150px 140px 120px 1fr 1fr 1fr;align-items:start;gap:14px;min-width:980px;display:grid}.activity-table-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);background:#f8fafc;padding:14px 16px;font-size:12px;font-weight:800}.activity-table-row{border-bottom:1px solid #edf2f7;padding:14px 16px;font-size:13px;line-height:1.35}.activity-table-row:last-child{border-bottom:0}.activity-type{width:fit-content;color:var(--primary);background:#eaf2ff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.old-value{color:#991b1b;background:#fef2f2;border-radius:8px;min-height:32px;padding:8px}.new-value{color:#166534;background:#f0fdf4;border-radius:8px;min-height:32px;padding:8px}.tasks-table.authors-table{min-width:1540px}.authors-table .tasks-table-head,.authors-table .tasks-table-row{grid-template-columns:minmax(260px,1.6fr) 145px 125px 155px 130px 130px 140px 135px 135px 130px}.task-product-line{font-weight:700;color:#0f3d85!important}