:root{font-family:Aptos,Segoe UI Variable,Trebuchet MS,sans-serif;color:#1f2937;background:#f5f6fb;line-height:1.5;font-weight:400;--bg: #f5f6fb;--surface: #ffffff;--surface-subtle: #f8f9fd;--surface-soft: #f1f4fb;--border: #dbe3f0;--text-soft: #677489;--text-faint: #8a94a6;--primary: #635bff;--primary-dark: #5447ff;--secondary: #0086ff;--success: #00c875;--warning: #fdab3d;--danger: #e2445c;--shadow: 0 14px 40px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;background:radial-gradient(circle at top left,rgba(99,91,255,.08),transparent 26%),linear-gradient(180deg,#f8f9fd,#f1f5fb)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:14px;padding:.85rem 1rem;background:#fff;color:#1f2937;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#635bff80;box-shadow:0 0 0 4px #635bff1f}textarea{min-height:110px;resize:vertical}.btn{border:0;border-radius:12px;padding:.85rem 1.15rem;cursor:pointer;font-weight:700;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 24px #635bff38}.btn-secondary{background:#eef2ff;color:#3f3ab8}.btn-danger{background:#ffe8ec;color:var(--danger)}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{display:grid;grid-template-rows:auto auto 1fr auto;gap:1.4rem;padding:1.5rem;background:#ffffffeb;border-right:1px solid var(--border);position:sticky;top:0;height:100vh;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-block{display:flex;gap:.9rem;align-items:center}.brand-block h1{margin:0;font-size:1.2rem}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#635bff,#0086ff);color:#fff;font-weight:800;letter-spacing:.04em;box-shadow:0 16px 32px #635bff38}.brand-mark.large{width:72px;height:72px;border-radius:22px;font-size:1.2rem}.sidebar-logo{width:48px;height:48px;object-fit:cover;border-radius:16px;border:1px solid var(--border);background:#fff}.nav{display:grid;gap:.45rem}.nav a{display:flex;align-items:center;gap:.75rem;padding:.95rem 1rem;border-radius:16px;color:#3d495c;font-weight:700;background:transparent}.nav a.active{background:linear-gradient(135deg,#635bff1f,#0086ff1a);color:#1f2a44;box-shadow:inset 0 0 0 1px #635bff1f}.nav-icon{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:10px;background:#eef2ff;color:#4c46d6;font-size:.95rem;flex-shrink:0}.sidebar-summary{align-self:end;padding:1rem;border-radius:18px;background:linear-gradient(180deg,#f5f7ff,#eef4ff);border:1px solid #dce6ff}.sidebar-summary strong{display:block;margin-bottom:.4rem}.sidebar-summary p,.sidebar-footer small,.topbar span,.hero-panel span,.metric-card small,.error-text,.task-meta,.timeline span,.table td span,.settings-link small,.toast-body p{color:var(--text-soft)}.sidebar-footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.sidebar-footer strong,.topbar-user strong,.settings-link strong,.settings-preview strong,.toast-body strong{display:block}.content{padding:1.25rem;position:relative;overflow:visible}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1.35rem 1.5rem;background:#ffffffe6;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:120;overflow:visible}.topbar h2,.hero-panel h3,.task-card h3{margin:0}.topbar-user{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border-radius:18px;background:var(--surface-subtle);border:1px solid var(--border)}.content-body{margin-top:1.25rem;position:relative;z-index:1;overflow:visible}.page-stack{display:grid;gap:1.25rem}.hero-panel{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1.4rem 1.5rem;border-radius:24px;background:linear-gradient(135deg,#fff,#f8faff);border:1px solid var(--border);box-shadow:var(--shadow)}.hero-pills{display:flex;flex-wrap:wrap;gap:.7rem}.hero-pills span{padding:.65rem .85rem;border-radius:999px;background:#eef2ff;color:#3f3ab8;font-weight:700}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.toolbar{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:.75rem}.toolbar-wide{grid-template-columns:repeat(4,minmax(170px,1fr))}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);font-size:.76rem;font-weight:800}.card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:1.35rem;box-shadow:var(--shadow)}.card-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.card-title{font-weight:800;font-size:1.02rem}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.25rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric-card{display:grid;gap:.55rem;padding:1.2rem;border-radius:22px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:5px;background:var(--metric-accent)}.metric-label{color:var(--text-soft);font-weight:700}.metric-card strong{font-size:2rem;line-height:1}.form-grid,.auth-form{display:grid;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field-group{display:grid;gap:.5rem}.field-group span{color:var(--text-soft);font-size:.9rem;font-weight:700}.avatar-picker,.logo-picker{display:grid;place-items:center;min-height:180px;border:1px dashed #c9d5ec;border-radius:20px;background:linear-gradient(180deg,#fafcff,#f2f6fd);cursor:pointer}.avatar-picker input,.logo-picker input{display:none}.inline-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.task-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.38fr);gap:1.25rem;align-items:start}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.board-column{background:var(--surface-subtle);border:1px solid var(--border);border-radius:20px;padding:1rem}.board-column:nth-child(1){border-top:4px solid #c084fc}.board-column:nth-child(2){border-top:4px solid #fdab3d}.board-column:nth-child(3){border-top:4px solid #00c875}.board-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.board-column-header span{min-width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:#fff;border:1px solid var(--border);font-weight:800}.board-column-body{display:grid;gap:.9rem}.task-card{padding:1rem;border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:0 12px 28px #0f172a0f}.task-card-active{border-color:#635bff59;box-shadow:0 0 0 3px #635bff1f,0 12px 28px #0f172a0f}.task-card-header,.task-meta,.task-actions,.timeline div,.login-preview-brand{display:flex;justify-content:space-between;gap:1rem}.task-drawer{position:sticky;top:0}.drawer-content{display:grid;gap:1rem}.card-section{display:grid;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.checklist-list,.comment-list,.ranking-list,.settings-menu,.settings-preview{display:grid;gap:.65rem}.checklist-item{display:flex;align-items:center;gap:.65rem;cursor:pointer}.checklist-checkbox{position:absolute;opacity:0;pointer-events:none}.checkmark{width:18px;height:18px;border-radius:6px;border:1px solid #c4cde0;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.checkmark:after{content:"";width:9px;height:5px;border-left:2px solid transparent;border-bottom:2px solid transparent;transform:rotate(-45deg) translateY(-1px)}.checklist-checkbox:checked+.checkmark{background:var(--primary);border-color:var(--primary)}.checklist-checkbox:checked+.checkmark:after{border-left-color:#fff;border-bottom-color:#fff}.comment-item{padding:.8rem .9rem;border-radius:14px;background:var(--surface-subtle);border:1px solid #e5ebf6}.comment-item p{margin:.25rem 0 0}.status{padding:.42rem .7rem;border-radius:999px;font-size:.78rem;font-weight:800}.status-pending{background:#f4e8ff;color:#8b46d2}.status-in_progress{background:#fff1db;color:#b76a00}.status-completed{background:#ddf8ea;color:#008a52}.timeline{display:grid;gap:.7rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.upload-field,.attachment-list{display:grid;gap:.55rem;margin-top:1rem}.attachment-list a{color:var(--secondary);font-weight:700}.ranking-card{display:grid;gap:.9rem;padding:1rem 1.1rem;border-radius:18px;background:#fff;border:1px solid var(--border)}.ranking-header,.avatar-block,.auth-brand,.settings-link,.topbar-user{display:flex;align-items:center;gap:.75rem}.ranking-header{justify-content:space-between}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 20px #0f172a1f}.avatar.large{width:96px;height:96px}.avatar.mini{width:36px;height:36px}.avatar.fallback{display:grid;place-items:center;background:linear-gradient(135deg,#635bff,#0086ff);color:#fff;font-weight:800}.progress-track{position:relative;height:14px;border-radius:999px;background:#ebeff8;overflow:visible}.progress-fill{position:relative;height:100%;border-radius:999px;background:linear-gradient(90deg,#ef4444,#f97316)}.progress-track.is-middle .progress-fill,.progress-fill.is-middle{background:linear-gradient(90deg,#f59e0b,#fde047)}.progress-track.is-advanced .progress-fill,.progress-fill.is-advanced{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.progress-track.is-complete .progress-fill,.progress-fill.is-complete{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-avatar{position:absolute;right:-12px;top:50%;transform:translateY(-50%)}.task-chip-list{display:flex;flex-wrap:wrap;gap:.5rem}.task-chip{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;background:#edf3ff;color:#2258b0;font-size:.78rem;font-weight:700}.task-chip.warning{background:#fff1db;color:#9b5a00}.history-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:.85rem;align-items:end;min-height:220px}.history-bar-group{display:grid;gap:.6rem;justify-items:center}.history-bars{display:flex;align-items:end;gap:.35rem;min-height:180px}.history-bar{width:16px;min-height:8px;border-radius:999px 999px 6px 6px}.history-bar.created{background:linear-gradient(180deg,#8ec8ff,#0086ff)}.history-bar.completed{background:linear-gradient(180deg,#7be7b4,#00c875)}.table-shell{overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0}.table thead th{padding:.9rem .75rem;color:var(--text-faint);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border)}.table td{padding:1rem .75rem;border-bottom:1px solid #edf1f7;text-align:left;vertical-align:top}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(100%,460px);display:grid;gap:1.5rem;padding:2rem;border-radius:28px;background:#fffffff5;border:1px solid var(--border);box-shadow:0 28px 60px #0f172a24}.login-brand{display:grid;justify-items:center;gap:1rem;text-align:center}.login-logo{width:84px;height:84px;object-fit:cover;border-radius:24px;border:1px solid var(--border);background:#fff}.login-brand-text{display:grid;gap:.35rem}.login-brand-text strong{font-size:1.5rem}.login-brand-text span{color:var(--text-soft)}.login-fields{display:grid;gap:.9rem}.login-submit{width:100%;justify-content:center}.settings-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1.25rem}.settings-link{align-items:flex-start;padding:1rem;border-radius:18px;background:#fff;border:1px solid var(--border);text-align:left}.settings-link.active{border-color:#635bff47;box-shadow:0 12px 26px #635bff14}.settings-link.disabled{opacity:.7}.settings-link-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eef2ff;color:#4c46d6;font-weight:800}.settings-logo-preview{max-width:220px;max-height:120px;object-fit:contain}.settings-logo-preview.compact{max-width:56px;max-height:56px}.logo-placeholder{min-width:96px;min-height:96px;padding:1rem;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#635bff,#0086ff);color:#fff;font-weight:800;text-align:center}.logo-placeholder.compact{min-width:56px;min-height:56px;border-radius:16px}.login-preview-card{padding:1rem;border-radius:20px;border:1px solid var(--border);background:linear-gradient(135deg,#fafcff,#f4f7fe)}.screen-center{min-height:100vh;display:grid;place-items:center}.empty-state{padding:1.25rem;border:1px dashed #cfd8ea;border-radius:18px;color:var(--text-soft);background:#fbfcff}.empty-state.compact{padding:.9rem 1rem}.toast-stack{position:fixed;top:1.25rem;right:1.25rem;z-index:2000;display:grid;gap:.85rem;width:min(420px,calc(100vw - 2rem))}.toast{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:start;padding:1rem 1rem 1rem .9rem;border-radius:18px;background:#fffffffa;border:1px solid var(--border);box-shadow:0 20px 40px #0f172a29}.toast-success{border-left:5px solid var(--success)}.toast-error{border-left:5px solid var(--danger)}.toast-info{border-left:5px solid var(--secondary)}.toast-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;font-weight:800;color:#fff;background:var(--primary)}.toast-success .toast-icon{background:var(--success)}.toast-error .toast-icon{background:var(--danger)}.toast-info .toast-icon{background:var(--secondary)}.toast-close{border:0;background:transparent;color:var(--text-faint);font-size:1.2rem;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1.5rem;z-index:2100}.modal-shell{width:min(100%,920px);max-height:calc(100vh - 3rem);overflow:auto;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 30px 60px #0f172a38}.modal-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.15rem 1.25rem;border-bottom:1px solid var(--border)}.modal-body{padding:1.25rem}.modal-close{width:36px;height:36px;border:0;border-radius:10px;background:#eef2ff;color:#3f3ab8;font-size:1.25rem;cursor:pointer}.pagination-bar{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--text-soft)}.user-cell{display:flex;align-items:center;gap:.75rem}.topbar-actions{display:flex;align-items:center;gap:.85rem}.notification-bell-shell{position:relative;z-index:220}.notification-bell{position:relative;width:44px;height:44px;border:1px solid var(--border);border-radius:14px;background:#fff;cursor:pointer}.notification-bell-icon{font-size:1.1rem}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 .35rem;display:grid;place-items:center;border-radius:999px;background:#f04438;color:#fff;font-size:.72rem;font-weight:700}.notification-panel{position:absolute;top:calc(100% + .75rem);right:0;width:min(420px,calc(100vw - 2rem));padding:1rem;display:grid;gap:.9rem;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 24px 48px #0f172a29;z-index:2600}.notification-panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.notification-link{border:0;background:transparent;color:var(--primary);font-weight:700;cursor:pointer}.notification-list{display:grid;gap:.65rem;max-height:420px;overflow:auto}.notification-item{padding:.9rem 1rem;border:1px solid var(--border);border-radius:16px;background:#fff;text-align:left;cursor:pointer}.notification-item.is-unread{border-color:#635bff4d;background:linear-gradient(180deg,#635bff0f,#635bff05)}.notification-item-header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.35rem}.notification-item p,.notification-item small{margin:0}.settings-stack{display:grid;gap:1.25rem}.telegram-webhook-box,.telegram-preview-box{padding:1rem;border:1px solid var(--border);border-radius:18px;background:#f8fafc}.telegram-preview-box pre{margin:.75rem 0 0;white-space:pre-wrap;word-break:break-word;font-family:inherit;color:var(--text)}@media(max-width:1180px){.dashboard-grid,.task-workspace,.toolbar,.toolbar-wide,.metrics-grid,.board-grid,.form-row,.settings-layout{grid-template-columns:1fr}.hero-panel,.topbar,.page-header,.task-card-header,.task-meta,.task-actions,.timeline div,.sidebar-footer,.login-preview-brand,.pagination-bar,.notification-panel-header,.notification-item-header,.topbar-actions{flex-direction:column;align-items:flex-start}}@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.content{padding:1rem}}