@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-dark: #05060f;--bg-elevated: rgba(16, 21, 40, .85);--bg-card: rgba(24, 32, 61, .9);--bg-card-hover: rgba(36, 46, 78, .95);--primary: #5b7cfa;--primary-strong: #3b5bff;--accent: #5ae4a7;--text: #f6f7fb;--text-muted: #9fa6c5;--border: rgba(91, 124, 250, .3);--border-soft: rgba(255, 255, 255, .06);--shadow-lg: 0 30px 60px rgba(25, 32, 64, .65);--shadow-md: 0 18px 32px rgba(14, 19, 40, .55);--radius-lg: 26px;--radius-md: 16px;--radius-sm: 12px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(91,124,250,.25),transparent 45%),radial-gradient(circle at bottom right,rgba(90,228,167,.3),transparent 55%),radial-gradient(circle at 60% 20%,rgba(75,86,214,.35),transparent 60%),var(--bg-dark);color:var(--text);letter-spacing:.01em}::selection{background:#5b7cfa59;color:var(--text)}a{color:inherit;text-decoration:none}button{font-family:inherit}.layout-shell{min-height:100vh;padding:40px clamp(20px,3vw,80px);display:flex;flex-direction:column;gap:32px}.navbar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:18px 26px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;flex-direction:column;gap:4px}.brand__name{font-size:1.1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.brand__tagline{font-size:.85rem;color:var(--text-muted);letter-spacing:.2em}.nav-actions{display:flex;gap:12px;align-items:center}.nav-persona{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:4px 0;text-align:right}.nav-persona__name{font-weight:600;font-size:.95rem}.nav-persona__role{font-size:.74rem;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase}.icon-button{min-width:44px;height:44px;border-radius:999px;padding:0 18px;white-space:nowrap}.icon-button svg{width:18px;height:18px}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);padding:11px 18px;font-size:.95rem;font-weight:600;background:#5b7cfa1f;color:var(--text);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn--primary{background:linear-gradient(160deg,var(--primary),var(--primary-strong));color:var(--text);box-shadow:0 18px 40px #3c5aff59}.btn--ghost{background:#ffffff0d}.btn--ghost-borderless{border:1px solid transparent}.btn--ghost-borderless:hover,.btn--ghost-borderless:focus-visible{border-color:#5b7cfa66}.btn--active{background:#5ae4a733;color:var(--text);box-shadow:0 0 0 1px #5ae4a773}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px #5b7cfa4d}.btn--danger{background:linear-gradient(135deg,#f26161f2,#b52020e6);color:#fff}.btn--danger:hover,.btn--danger:focus-visible{background:linear-gradient(135deg,#ff7676f2,#c7302deb)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .2s ease,border .2s ease,background .2s ease}.card:hover{transform:translateY(-3px);border-color:var(--border);background:var(--bg-card-hover)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card__title{font-size:1.05rem;font-weight:600}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;background:#5b7cfa2e;color:var(--text)}.input-group{display:flex;flex-direction:column;gap:8px}.form-hint{font-size:.78rem;color:#ffffff8c;line-height:1.4}.input-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.input-with-toggle{position:relative}.input-with-toggle .input{padding-right:56px}.input-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:999px;padding:0;color:var(--text);cursor:pointer;transition:background .2s ease,border .2s ease,color .2s ease}.input-toggle:hover,.input-toggle:focus-visible{background:#5b7cfa2e;outline:none;box-shadow:none}.input-toggle__icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.input-counter{position:relative;display:inline-flex;align-items:stretch;width:100%;border-radius:var(--radius-sm);overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.input-counter__display{flex:1;background:transparent;border:none;color:var(--text);font-size:1.05rem;padding:12px 14px;letter-spacing:.02em}.input-counter__display:focus-visible{outline:none}.input-counter__controls{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.06)}.input-counter__button{width:38px;height:50%;display:inline-flex;align-items:center;justify-content:center;border:none;background:#ffffff0f;color:var(--text);cursor:pointer;transition:background .2s ease}.input-counter__button:first-child{border-bottom:1px solid rgba(255,255,255,.06)}.input-counter__button:hover,.input-counter__button:focus-visible{background:#5b7cfa40;outline:none}.input-counter__button:disabled{opacity:.4;cursor:not-allowed;background:#ffffff0f}.input-counter__icon{width:14px;height:14px;stroke:currentColor;stroke-width:1.6;fill:none}.input,textarea,select{width:100%;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:12px 14px;color:var(--text);font-size:.95rem;transition:border .2s ease,box-shadow .2s ease;resize:none}.input:focus,textarea:focus,select:focus{outline:none;border-color:#5b7cfacc;box-shadow:0 0 0 3px #5b7cfa40}.table{width:100%;border-collapse:collapse;background:#090a1473;border-radius:var(--radius-md);overflow:hidden}.table thead{background:#5b7cfa1a}.table th,.table td{padding:14px 16px;text-align:left;font-size:.9rem}.table tbody tr{border-bottom:1px solid rgba(255,255,255,.05)}.table tbody tr:hover{background:#ffffff0d}.status-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:.75rem;letter-spacing:.05em}.status-pill--on-track{background:#5ae4a726;color:var(--accent)}.status-pill--at-risk{background:#ffa8582e;color:#ffc78a}.status-pill--blocked{background:#ff5c5c33;color:#ff9d9d}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;align-items:center}.hero__text h1{font-size:clamp(2.25rem,5vw,3.2rem);margin:0 0 14px;font-weight:700;letter-spacing:-.02em}.hero__text p{margin:0;color:var(--text-muted);max-width:520px;line-height:1.6}.hero__panel{background:linear-gradient(160deg,#5b7cfa2e,#5ae4a726);border-radius:var(--radius-lg);padding:24px;border:1px solid rgba(91,124,250,.2);box-shadow:var(--shadow-md)}.badge--soft{background:#5ae4a72e;color:var(--accent)}.login-shell{justify-content:space-between;gap:clamp(32px,5vw,60px)}.login-header{display:flex;align-items:center;justify-content:flex-start}.login-logo{display:flex;flex-direction:column;gap:4px}.login-logo__title{font-size:clamp(1.1rem,4vw,1.6rem);font-weight:700;letter-spacing:normal;text-transform:uppercase;background:linear-gradient(120deg,#5ae4a7e6,#5b7cfad9);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.login-logo__subtitle{font-size:clamp(.75rem,2.5vw,.95rem);letter-spacing:normal;text-transform:uppercase;color:#ffffffb8;font-weight:600}.login-body{flex:1;display:flex;align-items:center;justify-content:center}.login-hero{width:100%;align-items:stretch;gap:clamp(32px,4vw,64px)}.hero__badge{display:inline-flex;align-items:center;margin-bottom:30px}.tag-list{display:flex;flex-wrap:wrap;gap:10px}.tag{background:#ffffff0d;border-radius:999px;padding:6px 14px;font-size:.8rem;color:var(--text-muted)}.login-panel{position:relative;overflow:hidden;max-width:420px;margin-left:auto;background:linear-gradient(175deg,#0a0e1ceb,#101422e0);border:1px solid rgba(91,124,250,.28);box-shadow:0 24px 48px #0a0e1c99}.login-panel:after{content:"";position:absolute;inset:-40% 40% 50% -30%;background:radial-gradient(circle at top,rgba(90,228,167,.35),transparent 60%);opacity:.7;pointer-events:none}.login-panel__content{position:relative;display:flex;flex-direction:column;gap:18px}.login-panel__content h2{margin:18px 0 10px;font-size:1.6rem}.login-panel__content p{margin:0;color:var(--text-muted);line-height:1.6}.login-form{display:flex;flex-direction:column;gap:14px}.login-footer{font-size:.85rem;color:#ffffffa6;text-transform:uppercase;letter-spacing:.16em;text-align:center}@media (max-width: 768px){.login-shell{padding-top:32px}.login-header{justify-content:center}.login-hero{grid-template-columns:1fr}.login-panel{margin-left:0}.login-footer{line-height:1.4}}.section-title{font-size:1.4rem;font-weight:700;margin:0 0 12px}.empty-state{border-radius:var(--radius-md);padding:36px 28px;background:#12162899;border:1px dashed rgba(91,124,250,.35);color:var(--text-muted);text-align:center}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}textarea{min-height:120px}.toast{position:fixed;bottom:28px;right:28px;background:#0d1020d9;border:1px solid rgba(90,228,167,.25);border-radius:var(--radius-sm);padding:18px 20px;color:var(--text);box-shadow:var(--shadow-lg)}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px;padding:8px 0}.avatar-card:hover{transform:translateY(-6px);border-color:#5ae4a780;box-shadow:0 24px 46px #5ae4a738;background:linear-gradient(160deg,#18203da6,#0a10208c)}.avatar-card--selected{border-color:#5ae4a7a6;box-shadow:0 26px 48px #5ae4a747}.avatar-card__image{width:96px;height:96px;border-radius:50%;border:3px solid rgba(91,124,250,.45);background:#0c0e1ccc;object-fit:cover}.avatar-card__meta{text-align:center;display:flex;flex-direction:column;gap:6px}.avatar-card__name{font-weight:600;font-size:1rem}.avatar-card__email{font-size:.78rem;color:var(--text-muted);letter-spacing:.04em}.avatar-card__stat{font-size:.78rem;color:var(--text-muted);letter-spacing:.02em}.task-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.task-list{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0;margin:0}.task-list--compact{gap:6px}.task-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr) minmax(0,2fr) auto;gap:12px;align-items:end}.task-row+.task-row{margin-top:12px}.task-row__actions{display:flex;align-items:flex-end;padding-bottom:4px}.task-row__remove{background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;line-height:1;padding:4px 6px;border-radius:var(--radius-sm)}.task-row__remove:hover,.task-row__remove:focus-visible{color:var(--danger);background:#ff4d4f1f}.task-list__item{display:flex;justify-content:space-between;align-items:center;gap:12px}.task-list__primary{display:flex;align-items:center;gap:10px}.task-list__name{font-weight:600}.task-list__hours{font-size:.85rem;color:var(--text-muted)}.task-list__link{display:inline-flex;align-items:center;justify-content:center;color:var(--accent);padding:4px;border-radius:var(--radius-sm);transition:background .2s ease,color .2s ease}.task-list__link:hover,.task-list__link:focus-visible{background:#5ae4a729;color:#9effd8;outline:none}.task-list__link-icon{width:16px;height:16px}@media (max-width: 768px){.layout-shell{padding:28px 16px 48px}.navbar{flex-direction:column;gap:14px;align-items:flex-start}.nav-actions{width:100%;justify-content:space-between}.card-grid{grid-template-columns:1fr}}.modal-backdrop{position:fixed;inset:0;background:#05060fd9;display:flex;align-items:center;justify-content:center;padding:24px;z-index:20}.modal-card{width:min(420px,100%);max-height:min(85vh,640px);background:#18203deb;border-radius:var(--radius-md);border:1px solid rgba(91,124,250,.35);box-shadow:var(--shadow-lg);padding:24px;display:flex;flex-direction:column;gap:16px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:1.3rem}.modal-form{display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-height:0}.modal-scroll{display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px;margin-right:-4px}.modal-scroll::-webkit-scrollbar{width:0;height:0}.modal-scroll{-ms-overflow-style:none;scrollbar-width:none}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.form-error{color:#ff9d9d;font-size:.85rem}.nav-icon-btn{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;padding:0}.avatar-card__role{font-size:.75rem;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.users-directory{display:flex;flex-direction:column;gap:28px}.users-directory__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px}.users-directory__title{margin:0;font-size:clamp(1.6rem,2.8vw,2.1rem)}.users-directory__subtitle{margin:8px 0 0;max-width:560px;color:var(--text-muted);line-height:1.6}.users-directory__meta{display:flex;align-items:center}.users-directory__list{display:flex;flex-direction:column;gap:14px}.users-directory__item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:16px 18px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .2s ease,border .2s ease,background .2s ease}.users-directory__item:hover{border-color:#5ae4a759;transform:translateY(-2px)}.users-directory__profile{display:flex;align-items:center;gap:16px}.users-directory__avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(90,228,167,.2)}.users-directory__info{display:flex;flex-direction:column;gap:4px}.users-directory__name{font-weight:600;font-size:1.05rem}.users-directory__role{font-size:.85rem;color:var(--text-muted)}.users-directory__edit{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(91,124,250,.35);border-radius:999px;background:transparent;color:var(--text);padding:8px;cursor:pointer;transition:background .2s ease,border .2s ease,transform .2s ease}.users-directory__edit:hover,.users-directory__edit:focus-visible{background:#5b7cfa33;border-color:#5b7cfa80;transform:translateY(-1px)}@media (max-width: 640px){.users-directory__item{flex-direction:column;align-items:flex-start;gap:14px}.users-directory__edit{align-self:flex-end}}.avatar-upload{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}select.input{background:#18203df2;color:var(--text);border:1px solid rgba(91,124,250,.4);border-radius:var(--radius-sm);appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px}select.input:focus{border-color:#5ae4a799;box-shadow:0 0 0 3px #5ae4a740}select.input option{background:#080c1cf2;color:var(--text)}.modal-card{position:relative}.modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text);font-size:1.4rem;cursor:pointer}.modal-header--centered{justify-content:center;text-align:center}.modal-avatar{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}.avatar-upload__icon{font-size:2rem;color:var(--accent)}.avatar-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:26px 18px;border-radius:var(--radius-lg);background:linear-gradient(145deg,#18203d8c,#090c1c66);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 36px #080c2066;transition:transform .2s ease,box-shadow .2s ease,border .2s ease;cursor:pointer;outline:none}.avatar-card:focus-visible{border-color:#5ae4a799;box-shadow:0 0 0 3px #5ae4a740}.avatar-card__menu{position:absolute;top:12px;right:12px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:5}.avatar-card__menu--open,.avatar-card:hover .avatar-card__menu{opacity:1;transform:translateY(0);pointer-events:auto}.avatar-card__menu-trigger{width:32px;height:32px;border-radius:50%;border:none;background:#0f1628d9;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.35rem;line-height:1;padding:0}.avatar-card__menu-trigger:hover,.avatar-card__menu-trigger:focus-visible{background:#5b7cfaa6}.avatar-card__menu-dropdown{position:absolute;top:40px;right:0;background:#0c1224f2;border:1px solid rgba(91,124,250,.35);border-radius:12px;box-shadow:var(--shadow-md);padding:8px 0;min-width:170px;display:flex;flex-direction:column;gap:4px}.avatar-card__menu-item{width:100%;background:transparent;border:none;color:var(--text);text-align:left;padding:8px 16px;font-size:.9rem;cursor:pointer}.avatar-card__menu-item:hover,.avatar-card__menu-item:focus-visible{background:#5b7cfa2e}.user-detail-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:24px;align-items:flex-start}.user-detail__profile{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.user-detail__avatar{width:140px;height:140px;border-radius:28px;object-fit:cover;border:2px solid rgba(91,124,250,.35);box-shadow:0 18px 36px #0c122873;background:#0a0e1ccc}.user-detail__meta{display:flex;flex-direction:column;gap:6px}.user-detail__name{margin:0;font-size:1.35rem;font-weight:700}.user-detail__role{font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.user-detail__email{font-size:.85rem;color:var(--text-muted)}.user-detail__joined{font-size:.8rem;color:#fff9}.user-detail__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:18px;width:100%}.user-detail__metric-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c}.user-detail__metric-value{font-size:1.2rem;font-weight:700}.user-detail__metric-subtext{margin-top:4px;font-size:.75rem;color:#ffffff73;line-height:1.3}.user-detail__analytics{display:flex;flex-direction:column;gap:24px}.user-edit__form{display:flex;flex-direction:column;gap:22px}.user-edit__header,.user-edit__actions{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}@media (max-width: 1024px){.user-detail-grid{grid-template-columns:1fr}.user-detail__profile{text-align:center}.user-detail__analytics{width:100%}.user-edit__actions{flex-direction:column-reverse;align-items:stretch}.user-edit__actions>button,.user-edit__actions>div>button{width:100%}}