:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#10233f;background:radial-gradient(circle at top left,rgba(13,110,253,.16),transparent 32%),radial-gradient(circle at bottom right,rgba(14,165,233,.14),transparent 28%),linear-gradient(135deg,#f5f7fb,#edf4ff,#f8fbff);line-height:1.5;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}button,input,textarea,select{font:inherit}a{color:#1254d8;text-decoration:none}.auth-page,.dashboard-page,.page-center,.page-shell{min-height:100vh}.auth-page{display:grid;place-items:center;padding:24px}.auth-layout{width:min(1100px,100%);display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}.auth-panel,.auth-card,.task-form-card,.task-panel,.task-card,.empty-state,.stat-card,.loading-card,.sidebar,.metric-card,.chart-card,.calendar-panel,.suggestion-panel{background:#ffffffd1;border:1px solid rgba(163,180,203,.34);border-radius:24px;box-shadow:0 20px 50px #10233f14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hoverable-card{transition:transform .18s ease,box-shadow .18s ease}.hoverable-card:hover{transform:translateY(-3px);box-shadow:0 22px 60px #10233f1f}.auth-panel{padding:36px;display:flex;flex-direction:column;justify-content:center;gap:16px}.auth-panel h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;color:#0f1728}.auth-panel p:last-child{color:#4f5d78;max-width:540px}.auth-card{padding:32px}.auth-card-copy{margin-bottom:18px}.auth-card h1,.dashboard-header h1,.task-form-card h2,.task-panel-header h2,.sidebar-brand h2{color:#0f1728}.auth-subtitle,.header-subtitle,.empty-state p,.task-card p,.stat-card span,.loading-card,.auth-footer,.auth-panel p:last-child{color:#53637c}.auth-form,.task-form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-group{display:grid;gap:8px}.form-group label{font-weight:600;color:#22314d}.form-group input,.form-group textarea,.form-group select,.toolbar input,.toolbar select{width:100%;padding:12px 14px;border:1px solid #c7d3e3;border-radius:14px;background:#fbfdffe6;color:#10233f}.form-group textarea{resize:vertical}.primary-button,.secondary-button,.danger-button,.nav-item{border:none;border-radius:14px;padding:12px 18px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.nav-item:hover{transform:translateY(-1px);opacity:.96}.primary-button{background:linear-gradient(135deg,#155eef,#0ea5e9);color:#fff;font-weight:600;box-shadow:0 10px 24px #155eef38}.secondary-button{background:#e8f0ff;color:#10233f}.danger-button{background:#f04438;color:#fff}.icon-button{display:inline-flex;align-items:center;gap:8px}.button-row,.task-actions,.task-panel-header,.dashboard-header,.task-card-top,.header-actions,.metric-card-top{display:flex;gap:12px;align-items:center;justify-content:space-between}.error-message{color:#c62828;font-size:.95rem}.dashboard-shell{display:grid;grid-template-columns:280px 1fr;gap:22px;padding:22px}.sidebar{padding:24px;position:sticky;top:22px;height:calc(100vh - 44px);display:flex;flex-direction:column;gap:22px}.sidebar-brand{display:grid;gap:6px}.user-pill{padding:16px;border-radius:18px;background:#f4f8ffdb;border:1px solid #d9e5f3;display:grid;gap:10px}.user-pill p{color:#61718b;font-size:.92rem}.role-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:6px 10px;border-radius:999px;background:#e8f0ff;color:#155eef;font-size:.82rem;text-transform:capitalize}.sidebar-nav{display:grid;gap:10px}.nav-item{display:flex;align-items:center;gap:10px;text-align:left;background:#f2f7ffd9;color:#30425f}.nav-item.active{background:linear-gradient(135deg,#155eef,#0ea5e9);color:#fff;box-shadow:0 14px 30px #155eef3d}.dashboard-page{padding:10px 0 32px}.dashboard-header,.dashboard-grid,.stats-grid{max-width:1240px;margin-left:auto;margin-right:auto}.dashboard-header{margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:#155eef;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-card{padding:22px}.stat-card strong{margin-top:10px;display:block;font-size:2rem;color:#0f1728}.dashboard-grid{display:grid;grid-template-columns:360px 1fr;gap:24px}.enhanced-grid{align-items:start}.left-column,.content-stack{display:flex;flex-direction:column;gap:24px}.task-form-card,.task-panel,.analytics-panel{padding:24px}.section-heading{margin-bottom:18px}.dashboard-error{margin-top:12px}.toolbar{display:grid;gap:12px;margin-top:18px}.toolbar-rich{grid-template-columns:1.6fr repeat(3,minmax(160px,1fr))}.inline-note{display:inline-flex;align-items:center;gap:8px;color:#61718b;font-size:.9rem}.board-panel{min-height:720px}.board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.board-column{min-height:420px;padding:16px;border-radius:20px;background:linear-gradient(180deg,#f2f7ffeb,#ffffffdb);border:1px solid #d7e2f1}.board-column.drag-over{border-color:#155eef;box-shadow:inset 0 0 0 1px #155eef26}.column-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.column-header p{color:#61718b;font-size:.95rem}.column-pill{align-self:flex-start;padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:700}.column-pill.pending{background:#fff0c2;color:#915f00}.column-pill.completed{background:#d8f3dc;color:#216e39}.column-body,.notification-feed,.suggestion-list{display:grid;gap:12px}.task-card{padding:20px}.board-task{border-radius:18px;background:#fffffff0;transition:transform .18s ease,box-shadow .18s ease}.board-task:hover{transform:translateY(-2px)}.board-task.dragging{rotate:1deg;box-shadow:0 18px 40px #10233f26}.board-task.due-overdue{border:1px solid rgba(239,68,68,.28)}.board-task.due-today{border:1px solid rgba(245,158,11,.3)}.task-card h3{margin-bottom:10px}.badge-row{display:flex;flex-wrap:wrap;gap:8px}.status-badge,.priority-badge,.date-badge,.category-badge,.due-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.82rem;font-weight:700}.status-badge.pending{background:#fff0c2;color:#915f00}.status-badge.completed{background:#d8f3dc;color:#216e39}.priority-badge.low{background:#e5f7eb;color:#237a48}.priority-badge.medium{background:#fff5d8;color:#9a6b00}.priority-badge.high{background:#ffe2df;color:#c62828}.category-badge,.due-pill.none,.due-pill.upcoming{background:#eef2f7;color:#42526b}.due-pill.today{background:#fff4cf;color:#a06a00}.due-pill.overdue{background:#ffe3df;color:#c62828}.task-meta{margin:14px 0 4px;color:#61718b;font-size:.9rem}.checkbox-row{display:flex;gap:8px;align-items:center;color:#52607a}.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.metric-card,.chart-card{border:1px solid #d7e2f1;background:#fafcfff2}.metric-card{padding:18px}.metric-card span{color:#61718b;font-size:.92rem}.metric-card strong{display:block;margin-top:8px;color:#0f1728;font-size:1.7rem}.metric-card-top svg{color:#155eef}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.chart-card{padding:18px}.chart-copy p{margin-top:6px;color:#61718b}.chart-canvas{height:260px;margin-top:18px}.doughnut-wrap{display:grid;place-items:center}.calendar-panel{padding:24px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.calendar-head{margin-top:18px;margin-bottom:10px}.calendar-head-cell{text-align:center;color:#61718b;font-weight:700;font-size:.9rem}.calendar-cell{min-height:140px;padding:12px;border-radius:18px;border:1px solid #d7e2f1;background:#fafcffe6}.calendar-cell.today{border-color:#155eef;box-shadow:inset 0 0 0 1px #155eef24}.calendar-cell.muted{background:transparent;border-style:dashed}.calendar-date{font-weight:700;color:#0f1728;margin-bottom:10px}.calendar-items{display:grid;gap:8px}.calendar-task{padding:8px 10px;border-radius:12px;font-size:.82rem;background:#eef2f7;color:#10233f}.calendar-task.high{background:#ffe2df;color:#c62828}.calendar-task.medium{background:#fff4cf;color:#a06a00}.calendar-task.low{background:#e5f7eb;color:#237a48}.calendar-more{color:#61718b;font-size:.82rem}.suggestion-item{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:18px;border:1px solid #d7e2f1;background:#fafcfff2}.suggestion-item p{color:#61718b;margin-top:4px}.suggestion-rank{min-width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#155eef,#0ea5e9);color:#fff;font-weight:700}.skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.skeleton-card{height:180px;border-radius:20px;background:linear-gradient(90deg,#edf2fa 25%,#f7faff 37%,#edf2fa 63%);background-size:400% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty-state,.loading-card{padding:32px;text-align:center}.empty-state.compact{padding:16px 0 4px}.notification-stack{position:fixed;top:18px;right:18px;z-index:20;display:grid;gap:10px;width:min(360px,calc(100vw - 36px))}.toast{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;color:#10233f;background:#fffffff5;border:1px solid #d7e2f1;box-shadow:0 18px 40px #10233f1f}.toast p,.feed-item p,.feed-empty{margin-top:4px;color:#61718b}.toast.success{border-left:4px solid #22c55e}.toast.error{border-left:4px solid #ef4444}.toast.warning{border-left:4px solid #f59e0b}.toast.info{border-left:4px solid #155eef}.toast-close{padding:0;border:none;background:transparent;color:#6c7a92;cursor:pointer}.feed-item{padding:14px 16px;border-radius:16px;background:#fafcfff2;border:1px solid #d7e2f1}.page-center,.page-shell{display:grid;place-items:center}@media(max-width:1200px){.dashboard-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.dashboard-grid,.auth-layout,.chart-grid{grid-template-columns:1fr}.stats-grid,.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.toolbar-rich,.board-grid,.calendar-grid,.form-grid,.skeleton-grid{grid-template-columns:1fr}.calendar-head{display:none}.calendar-cell{min-height:auto}}@media(max-width:640px){.dashboard-shell,.auth-page{padding:16px}.stats-grid,.analytics-grid{grid-template-columns:1fr}.dashboard-header,.task-panel-header,.task-card-top,.task-actions,.button-row,.header-actions{flex-direction:column;align-items:stretch}}