*{box-sizing:border-box}:root{--bg:#f6f8fb;--surface:#fff;--surface-soft:#f1f5f9;--text:#172033;--muted:#667085;--border:#e3e8ef;--brand:#2563eb;--brand-soft:#eff6ff;--green:#16a34a;--green-soft:#ecfdf3;--orange:#ea580c;--orange-soft:#fff7ed;--red:#dc2626;--red-soft:#fef2f2;--shadow:0 18px 55px #0f172a14}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}.page{min-height:100vh}.public-page{background:radial-gradient(circle at 10% 0,#2563eb1a,#0000 30%),linear-gradient(#fff 0%,#f6f8fb 46%,#eef2f7 100%);padding:34px 6% 64px}.landing-hero{grid-template-columns:1.3fr 420px;align-items:end;gap:32px;max-width:1180px;margin:0 auto 34px;padding:52px 0 40px;display:grid}.hero-content{max-width:780px}.product-pill{color:var(--brand);background:var(--brand-soft);border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:800;display:inline-flex}.hero-content h1{letter-spacing:-3.2px;color:#101828;margin:22px 0 18px;font-size:clamp(44px,6.8vw,82px);line-height:.96}.hero-content p{max-width:650px;color:var(--muted);margin:0;font-size:19px;line-height:1.7}.hero-panel{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border-radius:28px;padding:24px}.panel-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.panel-header span{color:var(--muted);font-weight:700}.panel-header strong{color:#101828}.metric-list{gap:12px;display:grid}.metric-list div{background:var(--surface-soft);border-radius:18px;justify-content:space-between;align-items:center;padding:16px;display:flex}.metric-list span{color:var(--muted);font-weight:700}.metric-list strong{color:#101828;font-size:26px}.content-shell{grid-template-columns:300px 1fr;align-items:start;gap:26px;max-width:1180px;margin:0 auto;display:grid}.summary-sidebar,.request-list-area,.detail-aside,.description-card,.detail-content{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:26px}.summary-sidebar{padding:24px;position:sticky;top:24px}.summary-sidebar h2,.request-list-header h2,.detail-aside h2,.description-card h2{color:#101828;margin:0}.summary-sidebar p{color:var(--muted);margin:14px 0 22px;line-height:1.7}.summary-box{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:16px 0;display:flex}.summary-box span{color:var(--muted);font-weight:700}.summary-box strong{color:#101828;font-size:28px}.request-list-area{padding:22px}.request-list-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;padding-bottom:18px;display:flex}.request-list-header p{color:var(--muted);margin:8px 0 0}.task-list{gap:14px;display:grid}.task-row{border:1px solid var(--border);background:#fff;border-radius:22px;grid-template-columns:1fr 150px;align-items:center;gap:18px;padding:20px;transition:all .18s;display:grid}.task-row:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 16px 42px #2563eb17}.task-row-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.task-row h3{color:#101828;letter-spacing:-.5px;margin:0 0 8px;font-size:22px}.task-row p{color:var(--muted);margin:0;line-height:1.6}.task-row-side{justify-items:end;gap:16px;display:grid}.task-category,.task-status,.priority-pill{border-radius:999px;align-items:center;width:fit-content;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.task-category{background:var(--brand-soft);color:var(--brand)}.task-status{background:var(--green-soft);color:var(--green)}.status-in-progress{background:var(--orange-soft);color:var(--orange)}.status-done,.priority-pill{background:var(--surface-soft);color:#475467}.priority-high,.priority-critical{background:var(--red-soft);color:var(--red)}.priority-medium{background:var(--orange-soft);color:var(--orange)}.priority-low{background:var(--green-soft);color:var(--green)}.details-link{color:var(--brand);background:var(--brand-soft);border:1px solid #dbeafe;border-radius:12px;padding:10px 13px;font-weight:900;text-decoration:none}.details-link:hover{background:#dbeafe}.empty-card{background:var(--surface-soft);border:1px dashed #cbd5e1;border-radius:22px;padding:28px}.empty-card h3{margin:0 0 8px}.empty-card p{color:var(--muted);margin:0}.detail-template{grid-template-columns:1fr 340px;align-items:start;gap:26px;max-width:1180px;margin:0 auto;padding-top:52px;display:grid}.detail-content{padding:34px}.detail-kicker{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.detail-kicker span{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900}.detail-content h1{color:#101828;letter-spacing:-2.5px;max-width:850px;margin:0 0 28px;font-size:clamp(42px,5vw,68px);line-height:1}.description-card{box-shadow:none;background:#f8fafc;padding:24px}.description-card p{color:var(--muted);margin:14px 0 0;font-size:17px;line-height:1.8}.detail-aside{padding:24px;position:sticky;top:24px}.detail-info{border-top:1px solid var(--border);justify-content:space-between;gap:18px;padding:17px 0;display:flex}.detail-info:first-of-type{margin-top:18px}.detail-info span{color:var(--muted);font-weight:700}.detail-info strong{color:#101828;text-align:right}.auth-page{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 32%),linear-gradient(#fff 0%,#f6f8fb 100%);justify-content:center;align-items:center;display:flex}.auth-card{border:1px solid var(--border);width:min(100%,460px);box-shadow:var(--shadow);background:#fff;border-radius:26px;padding:34px}.eyebrow{color:var(--brand);letter-spacing:2.4px;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:900}.auth-card h1{color:#101828;letter-spacing:-1.2px;margin:0 0 14px;font-size:42px}.auth-form,.admin-form{gap:18px;display:grid}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:14px;outline:none;padding:13px 14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb1a}.primary-button,.secondary-button,.danger-button{cursor:pointer;border-radius:14px;padding:13px 17px;font-weight:900}.primary-button{background:var(--brand);color:#fff;border:none}.primary-button:hover{background:#1d4ed8}.secondary-button{border:1px solid var(--border);color:#344054;background:#fff}.danger-button{background:var(--red-soft);color:var(--red);border:1px solid #fecaca}.error-message{color:var(--red);margin:0;font-weight:800}.state-message,.empty-message{color:var(--muted);font-size:18px;font-weight:700}.state-message{justify-content:center;align-items:center;display:flex}.admin-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:36px;display:flex}.admin-header h1{letter-spacing:-2px;color:#101828;margin:0 0 18px;font-size:clamp(42px,6vw,72px);line-height:1}.hero-text{color:var(--muted);margin:0;font-size:18px;line-height:1.7}.admin-layout{grid-template-columns:420px 1fr;align-items:start;gap:28px;display:grid}.admin-form{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:26px;padding:28px;position:sticky;top:24px}.admin-form h2{color:#101828;margin:0;font-size:28px}@media (width<=980px){.landing-hero,.content-shell,.detail-template,.admin-layout{grid-template-columns:1fr}.summary-sidebar,.detail-aside,.admin-form{position:static}.admin-header{flex-direction:column}}@media (width<=680px){.public-page{padding:24px 18px 48px}.landing-hero{padding-top:32px}.hero-content h1,.detail-content h1{letter-spacing:-1.5px}.task-row{grid-template-columns:1fr}.task-row-side{justify-items:start}.request-list-area,.summary-sidebar,.detail-content,.detail-aside{border-radius:20px;padding:20px}}.navbar{background:#0a0f19eb;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;padding:18px 7%;display:flex}.navbar-logo{color:#fff;letter-spacing:.02em;font-size:1.1rem;font-weight:800;text-decoration:none}.navbar-links{align-items:center;gap:18px;display:flex}.navbar-links a{color:#cbd5e1;font-size:.95rem;text-decoration:none}.navbar-links a:hover{color:#fff}.navbar-logout{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:999px;padding:8px 14px}.navbar-logout:hover{color:#fff;border-color:#ffffff59}.navbar-user{color:#e2e8f0;font-size:.9rem}.loading-spinner-wrapper{color:#64748b;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex}.loading-spinner{border:3px solid #64748b40;border-top-color:#2563eb;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.profile-info{gap:16px;margin-top:24px;display:grid}.profile-info div{background:#0f172a0a;border:1px solid #0f172a14;border-radius:16px;flex-direction:column;gap:6px;padding:16px;display:flex}.profile-info span{color:#64748b;font-size:.85rem}.profile-info strong{color:#0f172a;font-size:1rem}.login-page{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.login-shell{grid-template-columns:1.1fr .9fr;gap:24px;width:min(1100px,100%);display:grid}.login-brand-panel{background:linear-gradient(135deg,#eef4ff 0%,#f8fbff 50%,#fff 100%);border:1px solid #e5e7eb;border-radius:32px;flex-direction:column;justify-content:space-between;padding:48px;display:flex;box-shadow:0 10px 30px #0f172a0f}.brand-badge{color:#2563eb;background:#fff;border:1px solid #dbeafe;border-radius:999px;width:fit-content;padding:10px 16px;font-size:14px;font-weight:700}.login-brand-panel h1{letter-spacing:-.05em;color:#0f172a;margin:70px 0 20px;font-size:clamp(44px,5vw,68px);line-height:.95}.login-brand-panel p{color:#475569;max-width:540px;font-size:17px;line-height:1.7}.login-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.login-stats div{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:18px}.login-stats strong{color:#0f172a;margin-bottom:8px;font-size:15px;display:block}.login-stats span{color:#64748b;font-size:13px;line-height:1.5}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:32px;flex-direction:column;justify-content:center;padding:42px;display:flex;box-shadow:0 10px 35px #0f172a0f}.eyebrow{color:#2563eb;letter-spacing:.18em;margin-bottom:14px;font-size:12px;font-weight:800}.login-card h2{letter-spacing:-.04em;color:#0f172a;margin:0;font-size:38px}.auth-text{color:#64748b;margin:14px 0 32px;line-height:1.7}.auth-form{gap:18px;display:grid}.form-group{gap:8px;display:grid}.form-group label{color:#334155;font-size:14px;font-weight:700}.form-group input{box-sizing:border-box;color:#0f172a;background:#f8fafc;border:1px solid #dbe2ea;border-radius:18px;width:100%;padding:15px 16px;font-size:15px;transition:all .2s}.form-group input::placeholder{color:#94a3b8}.form-group input:focus{background:#fff;border-color:#60a5fa;outline:none;box-shadow:0 0 0 4px #60a5fa24}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:16px;margin:0;padding:12px 14px;font-size:14px}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:0;border-radius:18px;padding:15px 18px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 10px 25px #2563eb2e}.primary-button:hover:not(:disabled){transform:translateY(-2px)}.primary-button:disabled{opacity:.7;cursor:not-allowed}.login-footer-text{text-align:center;color:#94a3b8;margin-top:24px;font-size:13px}@media (width<=900px){.login-shell,.login-stats{grid-template-columns:1fr}.login-brand-panel h1{margin-top:40px}}.register-card{width:min(100%,560px)}.form-grid-two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.auth-bottom-text{text-align:center;color:var(--muted);margin:22px 0 0;font-size:14px}.auth-bottom-text button{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0;font-weight:900}.auth-bottom-text button:hover{text-decoration:underline}@media (width<=560px){.form-grid-two{grid-template-columns:1fr}}.success-message{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:14px;margin:0;padding:12px 14px;font-weight:800}.home-landing-page{padding-top:48px}.home-hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:34px;max-width:1180px;margin:0 auto 72px;display:grid}.home-hero-content h1{color:#101828;letter-spacing:-3px;margin:22px 0 20px;font-size:clamp(44px,6.2vw,76px);line-height:.96}.home-hero-content p{max-width:640px;color:var(--muted);margin:0;font-size:19px;line-height:1.75}.home-hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.home-action-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.home-preview-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:30px;padding:24px}.preview-card-header{justify-content:space-between;gap:18px;margin-bottom:20px;display:flex}.preview-card-header span{color:var(--muted);font-weight:700}.preview-card-header strong{color:#101828}.preview-task-card{border:1px solid var(--border);background:#f8fafc;border-radius:22px;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;padding:18px;display:flex}.preview-task-card h3{color:#101828;letter-spacing:-.4px;margin:12px 0 8px;font-size:20px}.preview-task-card p{color:var(--muted);margin:0;line-height:1.55}.preview-users{background:var(--brand-soft);border:1px solid #dbeafe;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:18px;display:flex}.preview-users span{color:#1e40af;font-weight:800}.preview-users div{display:flex}.preview-users strong{color:#2563eb;background:#fff;border:2px solid #dbeafe;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;margin-left:-8px;font-size:13px;display:flex}.home-section,.home-split-section{max-width:1180px;margin:0 auto 72px}.section-heading{max-width:720px;margin-bottom:26px}.section-heading h2,.home-split-section h2{color:#101828;letter-spacing:-2px;margin:10px 0 14px;font-size:clamp(34px,4.4vw,54px);line-height:1.02}.section-heading p,.home-split-section p{color:var(--muted);margin:0;font-size:17px;line-height:1.75}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{border:1px solid var(--border);background:#fff;border-radius:26px;padding:26px;box-shadow:0 14px 35px #0f172a0d}.feature-card span{color:var(--brand);font-size:13px;font-weight:900}.feature-card h3{color:#101828;letter-spacing:-.7px;margin:18px 0 10px;font-size:24px}.feature-card p{color:var(--muted);margin:0;line-height:1.65}.home-split-section{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:30px;grid-template-columns:.9fr 1.1fr;align-items:start;gap:28px;padding:34px;display:grid}.workflow-list{gap:12px;display:grid}.workflow-list div{border:1px solid var(--border);background:#f8fafc;border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.workflow-list strong{background:var(--brand);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.workflow-list span{color:#344054;font-weight:800}@media (width<=980px){.home-hero,.home-split-section,.feature-grid{grid-template-columns:1fr}.home-hero-content h1{letter-spacing:-2px}}@media (width<=560px){.home-landing-page{padding-top:28px}.home-hero-content h1{font-size:44px}.home-preview-card,.home-split-section{border-radius:24px;padding:22px}.preview-task-card{flex-direction:column}}.profile-page-layout{grid-template-columns:320px 1fr;align-items:start;gap:26px;max-width:1180px;margin:0 auto;display:grid}.profile-sidebar-card,.profile-overview-card,.profile-content-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:28px}.profile-sidebar-card{padding:28px;position:sticky;top:24px}.profile-avatar{background:var(--brand-soft);border:1px solid #dbeafe;border-radius:999px;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:18px;display:flex}.profile-avatar span{color:var(--brand);font-size:30px;font-weight:900}.profile-sidebar-card h1{color:#101828;letter-spacing:-1px;margin:0 0 8px;font-size:30px}.profile-sidebar-card p{color:var(--muted);margin:0;line-height:1.6}.profile-role-pill{background:var(--brand-soft);width:fit-content;color:var(--brand);border-radius:999px;margin-top:18px;padding:8px 14px;font-size:13px;font-weight:900}.profile-action-list{gap:12px;margin-top:28px;display:grid}.profile-main-content{gap:22px;display:grid}.profile-overview-card,.profile-content-card{padding:28px}.profile-section-header,.profile-card-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.profile-section-header h2,.profile-card-header h3{color:#101828;letter-spacing:-1px;margin:8px 0 0}.profile-section-header h2{font-size:38px}.profile-card-header h3{font-size:28px}.profile-stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.profile-stat-card{border:1px solid var(--border);background:#f8fafc;border-radius:22px;padding:22px}.profile-stat-card span{color:var(--muted);margin-bottom:10px;font-weight:700;display:block}.profile-stat-card strong{color:#101828;letter-spacing:-1px;font-size:34px}.profile-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.profile-link-list{gap:14px;display:grid}.profile-link-list a{border:1px solid var(--border);background:#f8fafc;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:18px;text-decoration:none;transition:all .18s;display:flex}.profile-link-list a:hover{border-color:#bfdbfe;transform:translateY(-2px)}.profile-link-list strong{color:#101828;margin-bottom:6px;display:block}.profile-link-list span{color:var(--muted)}.activity-list{gap:14px;display:grid}.activity-item{border:1px solid var(--border);background:#f8fafc;border-radius:20px;padding:18px}.activity-item strong{color:#101828;margin-bottom:8px;display:block}.activity-item span{color:var(--muted);line-height:1.6}.profile-details-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.profile-details-grid div{border:1px solid var(--border);background:#f8fafc;border-radius:20px;padding:18px}.profile-details-grid span{color:var(--muted);margin-bottom:8px;font-size:14px;display:block}.profile-details-grid strong{color:#101828;font-size:17px}@media (width<=980px){.profile-page-layout,.profile-grid,.profile-stats-grid,.profile-details-grid{grid-template-columns:1fr}.profile-sidebar-card{position:static}}.admin-dashboard-page{padding-top:44px}.admin-topbar{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1180px;margin:0 auto 24px;display:flex}.admin-topbar h1{color:#101828;letter-spacing:-2.5px;margin:8px 0 14px;font-size:clamp(40px,5vw,66px);line-height:.98}.admin-topbar p{max-width:720px;color:var(--muted);margin:0;font-size:17px;line-height:1.7}.admin-topbar-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-metrics-grid{grid-template-columns:repeat(5,1fr);gap:14px;max-width:1180px;margin:0 auto 24px;display:grid}.admin-metric-card{border:1px solid var(--border);background:#fff;border-radius:24px;padding:22px;box-shadow:0 12px 32px #0f172a0d}.admin-metric-card span{color:var(--muted);margin-bottom:12px;font-weight:700;display:block}.admin-metric-card strong{color:#101828;letter-spacing:-1px;font-size:36px}.admin-error-box,.admin-full-list-card{max-width:1180px;margin:0 auto 24px}.admin-full-list-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:26px}.admin-list-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.admin-list-header h2{color:#101828;letter-spacing:-1px;margin:6px 0 0;font-size:30px}.admin-list-header>span{background:var(--brand-soft);color:var(--brand);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.admin-task-list{gap:18px;display:grid}.admin-task-item{gap:10px;display:grid}.admin-task-actions{justify-content:flex-end;display:flex}.danger-button:disabled{opacity:.65;cursor:not-allowed}@media (width<=980px){.admin-topbar{flex-direction:column}.admin-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.admin-metrics-grid{grid-template-columns:1fr}.admin-list-header{flex-direction:column}}.task-detail-layout{grid-template-columns:1fr 340px;align-items:start;gap:24px;max-width:1180px;margin:0 auto;display:grid}.task-detail-main{gap:24px;display:grid}.task-detail-header,.task-detail-section,.task-sidebar-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:28px}.task-detail-header{padding:28px}.task-detail-badges{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.task-detail-actions{flex-wrap:wrap;gap:12px;display:flex}.task-detail-main h1{color:#101828;letter-spacing:-2.5px;margin:0;font-size:clamp(42px,5vw,72px);line-height:.96}.task-detail-description{color:var(--muted);max-width:900px;margin:18px 0 0;font-size:18px;line-height:1.9}.task-detail-section{padding:28px}.task-section-header{margin-bottom:22px}.task-section-header h2{color:#101828;letter-spacing:-1px;margin:8px 0 0;font-size:30px}.shared-users-list,.activity-timeline{gap:14px;display:grid}.shared-user-card,.timeline-item{border:1px solid var(--border);background:#f8fafc;border-radius:22px;align-items:center;gap:16px;padding:18px;display:flex}.shared-user-avatar{background:var(--brand-soft);border:1px solid #dbeafe;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.shared-user-avatar span{color:var(--brand);font-weight:900}.secondary-avatar{background:#f1f5f9;border-color:#e2e8f0}.secondary-avatar span{color:#475569}.shared-user-card strong,.timeline-item strong{color:#101828;margin-bottom:6px;display:block}.shared-user-card span,.timeline-item span{color:var(--muted);line-height:1.6}.task-detail-sidebar{gap:20px;display:grid;position:sticky;top:24px}.task-sidebar-card{padding:24px}.task-sidebar-header{margin-bottom:18px}.task-sidebar-header h2{color:#101828;letter-spacing:-1px;margin:8px 0 0;font-size:26px}.task-sidebar-info{border-top:1px solid var(--border);justify-content:space-between;gap:18px;padding:16px 0;display:flex}.task-sidebar-info span{color:var(--muted);font-weight:700}.task-sidebar-info strong{color:#101828;text-align:right}.task-sidebar-links{gap:12px;display:grid}.task-sidebar-links a{border:1px solid var(--border);color:#344054;background:#f8fafc;border-radius:16px;padding:14px 16px;font-weight:800;text-decoration:none;transition:all .18s}.task-sidebar-links a:hover{border-color:#bfdbfe;transform:translateY(-1px)}.task-detail-not-found{text-align:center;border:1px solid var(--border);max-width:620px;box-shadow:var(--shadow);background:#fff;border-radius:32px;margin:80px auto;padding:48px}.task-detail-not-found h1{color:#101828;letter-spacing:-1.5px;margin:0 0 16px;font-size:42px}.task-detail-not-found p{color:var(--muted);margin:0 0 28px;line-height:1.7}@media (width<=980px){.task-detail-layout{grid-template-columns:1fr}.task-detail-sidebar{position:static}}@media (width<=620px){.task-detail-header,.task-detail-section,.task-sidebar-card,.task-detail-not-found{border-radius:22px;padding:22px}.task-detail-main h1{letter-spacing:-1.5px}.task-detail-actions{margin-top:18px}}.create-task-link{color:#fff;background-color:#2563eb;border-radius:8px;padding:8px 14px;font-weight:600;text-decoration:none;transition:all .2s}.create-task-link:hover{background-color:#1d4ed8;transform:translateY(-1px)}.create-task-page{background:#f4f7fb;justify-content:center;min-height:calc(100vh - 80px);padding:48px 20px;display:flex}.create-task-page__card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;max-width:760px;padding:32px;box-shadow:0 12px 35px #0f172a14}.create-task-page__header{margin-bottom:26px}.create-task-page__eyebrow{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:700}.create-task-page__header h1{color:#111827;margin:0 0 10px;font-size:2rem}.create-task-page__header p{color:#6b7280;margin:0;line-height:1.6}.create-task-page__form{flex-direction:column;gap:18px;display:flex}.create-task-page__grid{grid-template-columns:1fr 220px;gap:18px;display:grid}.create-task-page__field{flex-direction:column;gap:8px;display:flex}.create-task-page__field label{color:#374151;font-weight:600}.create-task-page__field input,.create-task-page__field textarea,.create-task-page__field select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:.95rem}.create-task-page__field input:focus,.create-task-page__field textarea:focus,.create-task-page__field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.create-task-page__field textarea{resize:vertical}.create-task-page__actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.create-task-page__button{cursor:pointer;border:none;border-radius:10px;padding:11px 18px;font-weight:700}.create-task-page__button--primary{color:#fff;background:#2563eb}.create-task-page__button--primary:hover{background:#1d4ed8}.create-task-page__button--secondary{color:#374151;background:#eef2f7}.create-task-page__alert{border-radius:10px;margin-bottom:18px;padding:12px 14px;font-weight:600}.create-task-page__alert--error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.create-task-page__alert--success{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}@media (width<=720px){.create-task-page__card{padding:24px}.create-task-page__grid{grid-template-columns:1fr}.create-task-page__actions{flex-direction:column-reverse}.create-task-page__button{width:100%}}.utasks-page{background:radial-gradient(circle at 8% 0,#2563eb1a,#0000 32%),linear-gradient(#fff 0%,#f6f8fb 48%,#eef2f7 100%);min-height:calc(100vh - 80px);padding:48px 6% 72px}.utasks-hero{grid-template-columns:1fr 280px;align-items:stretch;gap:24px;max-width:1180px;margin:0 auto 26px;display:grid}.utasks-hero__content{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:30px;padding:34px}.utasks-hero__eyebrow,.utasks-section-header__label{color:var(--brand);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:900}.utasks-hero__content h1{color:#101828;letter-spacing:-2.6px;margin:0 0 16px;font-size:clamp(42px,5vw,68px);line-height:.96}.utasks-hero__content p:last-child{max-width:720px;color:var(--muted);margin:0;font-size:17px;line-height:1.75}.utasks-hero__panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:30px;flex-direction:column;justify-content:space-between;padding:26px;display:flex}.utasks-hero__panel span{color:var(--muted);font-weight:800}.utasks-hero__panel strong{color:#101828;letter-spacing:-2px;margin:10px 0 24px;font-size:52px;line-height:1;display:block}.utasks-create-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:16px;padding:13px 18px;font-weight:900;transition:all .18s;box-shadow:0 12px 28px #2563eb2e}.utasks-create-button:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-2px)}.utasks-content-card{border:1px solid var(--border);max-width:1180px;box-shadow:var(--shadow);background:#fff;border-radius:30px;margin:0 auto;padding:26px}.utasks-section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;padding-bottom:22px;display:flex}.utasks-section-header h2{color:#101828;letter-spacing:-1px;margin:0;font-size:30px}.utasks-section-header>span{background:var(--brand-soft);color:var(--brand);white-space:nowrap;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:900}.utasks-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.utasks-card{border:1px solid var(--border);background:#f8fafc;border-radius:24px;padding:22px;transition:all .18s}.utasks-card:hover{background:#fff;border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 18px 44px #2563eb17}.utasks-card__top{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:18px;display:flex}.utasks-pill{border-radius:999px;align-items:center;width:fit-content;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.utasks-pill--priority{background:var(--orange-soft);color:var(--orange)}.utasks-pill--status{background:var(--green-soft);color:var(--green)}.utasks-card h2{color:#101828;letter-spacing:-.7px;margin:0 0 10px;font-size:24px}.utasks-card p{color:var(--muted);margin:0;line-height:1.65}.utasks-card__meta{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:16px;display:flex}.utasks-card__meta span{border:1px solid var(--border);color:#475569;background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.utasks-state{color:var(--muted);justify-content:center;align-items:center;gap:14px;padding:42px;font-weight:800;display:flex}.utasks-state--error{background:var(--red-soft);color:var(--red);border:1px solid #fecaca;border-radius:18px;justify-content:flex-start}.utasks-spinner{border:3px solid #64748b40;border-top-color:var(--brand);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite utasksSpin}@keyframes utasksSpin{to{transform:rotate(360deg)}}.utasks-empty{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:24px;padding:54px 24px}.utasks-empty__icon{background:var(--brand-soft);width:54px;height:54px;color:var(--brand);border:1px solid #dbeafe;border-radius:999px;justify-content:center;align-items:center;margin:0 auto 18px;font-size:24px;font-weight:900;display:flex}.utasks-empty h2{color:#101828;letter-spacing:-1px;margin:0 0 10px;font-size:28px}.utasks-empty p{max-width:460px;color:var(--muted);margin:0 auto 24px;line-height:1.7}@media (width<=900px){.utasks-hero,.utasks-grid{grid-template-columns:1fr}}@media (width<=620px){.utasks-page{padding:28px 18px 48px}.utasks-hero__content,.utasks-hero__panel,.utasks-content-card{border-radius:24px;padding:22px}.utasks-section-header{flex-direction:column}.utasks-hero__content h1{letter-spacing:-1.6px}}.utasks-card{cursor:pointer}.utasks-card:focus-visible{outline-offset:4px;outline:3px solid #2563eb47}.utasks-card__footer{justify-content:flex-end;margin-top:18px;display:flex}.utasks-detail-button{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0;font-weight:900}.utasks-detail-button:hover{color:#1d4ed8}