.app-shell{--sidebar-width: 280px;min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:transparent}.app-shell__sidebar{position:sticky;top:0;height:100vh;padding:1.4rem 1rem 1rem;border-right:1px solid var(--color-border-strong);background:linear-gradient(190deg,color-mix(in srgb,var(--color-primary) 90%,#000 10%),color-mix(in srgb,var(--color-primary-dark) 92%,#000 8%)),radial-gradient(circle at top left,rgba(255,255,255,.18),transparent 45%);color:#f5f8fb;z-index:20;display:grid;grid-template-rows:auto 1fr auto;gap:1.1rem}.app-shell__brand-kicker{margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#e5f1fbd1}.app-shell__brand-logo{width:84px;height:84px;border-radius:1.2rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;overflow:hidden;margin-bottom:.85rem;font-size:1.45rem;font-weight:800;letter-spacing:.08em}.app-shell__brand-logo-image{width:100%;height:100%;object-fit:cover}.app-shell__brand-title{margin:.3rem 0 0;font-size:1.3rem;line-height:1.1}.app-shell__nav{display:grid;gap:.45rem;align-content:start}.app-shell__link{text-decoration:none;color:#e8f2fae6;font-weight:600;padding:.65rem .75rem;border-radius:.8rem;display:flex;align-items:center;gap:.6rem;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.app-shell__link:hover{transform:translate(3px);background:#ffffff14;border-color:#d1e4f033}.app-shell__link-indicator{width:10px;height:10px;flex-shrink:0;border-radius:999px;background:color-mix(in srgb,var(--color-secondary) 70%,var(--color-primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-secondary) 25%,transparent)}.app-shell__link--active{background:linear-gradient(90deg,var(--color-secondary),color-mix(in srgb,var(--color-secondary) 75%,#ffffff));color:#0c1e30;border-color:color-mix(in srgb,var(--color-secondary) 55%,#ffffff)}.app-shell__link--active .app-shell__link-indicator{background:color-mix(in srgb,var(--color-primary-dark) 88%,#000 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-dark) 22%,transparent)}.app-shell__sidebar-footer{border-top:1px solid rgba(203,223,237,.3);padding-top:.9rem}.app-shell__user-name{margin:0;font-weight:700}.app-shell__user-role{margin:.2rem 0 0;font-size:.85rem;color:#d8eaf7cc}.app-shell__workspace{min-width:0;padding:1.15rem;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.9rem}.app-shell__topbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:.8rem 1rem;box-shadow:0 10px 25px #073b5b14}.app-shell__topbar-left{display:flex;align-items:center;gap:.8rem}.app-shell__menu-btn{display:none;width:40px;height:40px;padding:.5rem;border-radius:.8rem;border:1px solid var(--color-border);background:#fff;color:var(--color-ink)}.app-shell__menu-btn span{display:block;height:2px;margin:4px 0;border-radius:999px;background:currentColor}.app-shell__kicker{margin:0;text-transform:uppercase;font-size:.73rem;letter-spacing:.1em;color:var(--color-ink-soft)}.app-shell__title{margin:.25rem 0 0;font-size:clamp(1.05rem,2.1vw,1.4rem);font-weight:800;color:var(--color-ink)}.app-shell__logout{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));border-color:var(--color-primary-dark)}.app-shell__main{min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1.1rem;box-shadow:0 10px 28px #0c1a2c14}.app-shell__overlay{display:none}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.app-shell__sidebar{position:fixed;left:0;top:0;width:min(82vw,300px);transform:translate(-102%);transition:transform .2s ease;box-shadow:0 16px 38px #00000059}.app-shell__sidebar--open{transform:translate(0)}.app-shell__workspace{padding:.75rem}.app-shell__menu-btn{display:inline-block}.app-shell__overlay{border:0;padding:0;position:fixed;inset:0;opacity:0;pointer-events:none;background:#04111c94;transition:opacity .17s ease;z-index:15;display:block}.app-shell__overlay--visible{opacity:1;pointer-events:auto}}:root{--font-base: "Trebuchet MS", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--color-bg: #eef3f7;--color-bg-accent: #dde6ee;--color-surface: #ffffff;--color-surface-soft: #f7fafc;--color-primary: #1f3a5f;--color-primary-dark: #14273f;--color-primary-soft: #d9e4f2;--color-secondary: #2f9e44;--color-secondary-soft: #ddf5e3;--color-ink: #1b2633;--color-ink-soft: #526172;--color-border: #d4dee8;--color-border-strong: #bccad8;--color-success: #1f8a4c;--color-danger: #b02a37;--color-warning: #b7791f;font-family:var(--font-base);line-height:1.5;font-weight:400;color:var(--color-ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-ink);background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.75) 0,transparent 45%),radial-gradient(circle at 100% 100%,rgba(15,93,142,.14) 0,transparent 40%),linear-gradient(170deg,var(--color-bg) 0%,var(--color-bg-accent) 50%,#f0f6fb 100%)}#root{min-height:100vh}h2,p{margin-top:0}button{border-radius:.72rem;border:1px solid var(--color-primary-dark);padding:.5rem .85rem;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(95deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);cursor:pointer;transition:transform .15s ease,filter .15s ease}button:hover{transform:translateY(-1px);filter:brightness(1.02)}button:disabled{cursor:not-allowed;opacity:.65;transform:none}input,select{width:100%;border:1px solid var(--color-border-strong);border-radius:.62rem;padding:.55rem .65rem;font-size:.95rem;font-family:inherit;color:var(--color-ink);background:#fff}input:focus,select:focus{outline:2px solid rgba(15,93,142,.24);border-color:var(--color-primary)}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.landing-page{min-height:100vh;padding:1.2rem}.landing-container{width:min(1120px,100%);margin:0 auto;display:grid;gap:1.15rem}.landing-header-block{display:grid;gap:.55rem}.landing-header{display:flex;justify-content:center;align-items:center;width:fit-content;margin:0 auto;border:1px solid rgba(31,58,95,.16);border-radius:1rem;background:linear-gradient(180deg,#fff,#f1f7ff);padding:.75rem .9rem}.landing-header__actions{display:flex;justify-content:flex-end}.landing-logo-slot{width:22.5rem;height:22.5rem;border:1px solid rgba(21,64,98,.3);border-radius:.7rem;background:linear-gradient(135deg,#0d234012,#1f3a5f24),repeating-linear-gradient(45deg,#fff3,#fff3 9px,#ffffff12 9px 18px);display:grid;place-items:center;font-size:.72rem;color:#1f4f7a;font-weight:800;box-shadow:0 8px 16px #0f2d4a2e;overflow:hidden}.landing-logo-image{width:100%;height:100%;object-fit:cover;border-radius:.65rem}.landing-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem;padding:clamp(1rem,3vw,1.6rem);border-radius:1.25rem;border:1px solid rgba(31,58,95,.18);background:radial-gradient(circle at 18% 0%,rgba(207,255,86,.16) 0,transparent 34%),radial-gradient(circle at 90% 100%,rgba(44,159,68,.12) 0,transparent 44%),linear-gradient(140deg,#fff,#eef6ff);box-shadow:0 20px 35px #0c263924}.landing-hero__content{display:grid;align-content:center;gap:.35rem}.landing-hero__kicker{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800;color:#1f4f7a}.landing-hero__title{margin:.45rem 0 .35rem;color:var(--color-primary-dark);font-size:clamp(1.8rem,4.2vw,3rem);line-height:1.1;letter-spacing:-.01em}.landing-hero__subtitle{margin:0;max-width:50ch;color:var(--color-ink-soft);font-size:1.04rem}.landing-hero__actions{margin-top:.8rem;display:flex;gap:.6rem}.landing-button{display:inline-flex;align-items:center;justify-content:center;min-width:168px;border-radius:.65rem;border:1px solid var(--color-primary-dark);padding:.56rem .92rem;font-size:.93rem;font-weight:700;text-decoration:none;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.landing-button--primary{color:#fff;background:linear-gradient(95deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.landing-button--secondary{color:#19466f;border-color:#1f3a5f47;background:linear-gradient(95deg,#f3fbff,#e6f2fe)}.landing-button:hover{transform:translateY(-1px);filter:brightness(1.01);box-shadow:0 8px 18px #142a3e1f}.landing-image-slot{border:1px dashed rgba(21,64,98,.35);border-radius:.95rem;background:linear-gradient(135deg,#0d234012,#1f3a5f24),repeating-linear-gradient(45deg,#fff3,#fff3 9px,#ffffff12 9px 18px);display:grid;place-items:center;padding:1rem;text-align:center;color:#20456a;font-weight:700;font-size:.85rem}.landing-image-real{width:100%;height:100%;object-fit:cover;object-position:center}.landing-image-slot--hero{min-height:310px}.landing-feature-card{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:clamp(1rem,2.6vw,1.6rem);border-radius:1.15rem;border:1px solid rgba(31,58,95,.16);background:linear-gradient(180deg,#f9fcff,#eef4fb)}.landing-feature-card__content{display:grid;align-content:center;gap:.65rem}.landing-feature-card__content h2{margin:0;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.2}.landing-checklist{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.landing-checklist li{position:relative;padding-left:1.55rem;color:#34516b;font-weight:600}.landing-checklist li:before{content:"";position:absolute;left:0;top:.35rem;width:.82rem;height:.82rem;border-radius:999px;background:linear-gradient(135deg,#8cd15f,#3ea74e);box-shadow:0 0 0 3px #3ea74e26}.landing-image-slot--dashboard{min-height:280px}.landing-testimonial{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.landing-image-slot--team{min-height:245px}.landing-testimonial__card{border:1px solid rgba(31,58,95,.16);border-radius:1rem;background:linear-gradient(160deg,#fff,#eef5fd);padding:1rem}.landing-testimonial__card h2{margin:0 0 .6rem;font-size:clamp(1.2rem,1.9vw,1.6rem);color:#1b3551}.landing-testimonial__card p{margin:0;color:#3f5d77}.landing-testimonial__author{margin-top:.8rem;display:flex;align-items:center;gap:.6rem}.landing-avatar-placeholder{width:2.3rem;height:2.3rem;border-radius:999px;display:grid;place-items:center;font-weight:800;color:#123451;background:linear-gradient(135deg,#e0f0ff,#c5deff)}.landing-testimonial__author strong,.landing-testimonial__author span{display:block}.landing-testimonial__author span{font-size:.82rem;color:#5b7288}.landing-pricing{border:1px solid rgba(31,58,95,.16);border-radius:1.1rem;background:radial-gradient(circle at 90% 0%,rgba(162,209,255,.18) 0,transparent 38%),linear-gradient(160deg,#f6fbff,#edf3fa);padding:clamp(1rem,2.2vw,1.45rem)}.landing-pricing__title{text-align:center;margin:0 0 1rem;color:#1d3f61;font-size:clamp(1.3rem,2vw,1.8rem)}.landing-pricing__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.landing-plan{border:1px solid rgba(31,58,95,.16);border-radius:.9rem;padding:1rem;background:#fff;display:grid;gap:.65rem}.landing-plan h3{margin:0;color:#23486f;font-size:1.3rem}.landing-plan__price{margin:0;color:#4a627a}.landing-plan__price strong{color:#214664;font-size:1.6rem}.landing-plan ul{margin:0;padding-left:1.05rem;color:#3d5e79;display:grid;gap:.35rem}.landing-plan--featured{border-color:#2f9e446b;box-shadow:0 10px 22px #23773526}@media(max-width:980px){.landing-logo-slot{width:12rem;height:12rem}.landing-header__actions{justify-content:center}.landing-hero,.landing-feature-card,.landing-testimonial,.landing-pricing__grid{grid-template-columns:1fr}.landing-image-slot--hero,.landing-image-slot--dashboard,.landing-image-slot--team{min-height:220px}.landing-hero__actions{justify-content:flex-start}}@media(max-width:560px){.landing-page{padding:.8rem}.landing-hero__actions,.landing-button{width:100%}}.login-card{width:min(460px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1.3rem;box-shadow:0 15px 34px #0c243624}.login-brand{display:grid;justify-items:center;gap:0;margin-bottom:1.15rem;padding:0;border:1px solid rgba(31,58,95,.12);border-radius:.9rem;background:radial-gradient(circle at top right,rgba(178,255,0,.14) 0,transparent 38%),radial-gradient(circle at center,rgba(255,255,255,.08) 0,transparent 52%),linear-gradient(135deg,#071426,#0d2340 58%,#16395f);color:#fff;text-align:center;min-height:300px;align-content:center;overflow:hidden}.login-brand__logo{width:100%;height:300px;object-fit:cover}.login-brand__fallback{width:100%;min-height:300px;display:grid;place-items:center;font-size:4rem;font-weight:900;letter-spacing:.04em;color:#062013;background:linear-gradient(135deg,#d5ff00,#8fdf00)}.login-card__kicker{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--color-primary);font-weight:800}.login-card__title{margin:.3rem 0;color:var(--color-ink)}.login-card__subtitle{color:var(--color-ink-soft)}.login-form{display:grid;gap:.65rem}.login-form label{font-size:.9rem;font-weight:700}.login-form__hint{margin-top:-.35rem;color:var(--color-ink-soft);font-size:.82rem}.login-form__password-field{position:relative}.login-form__password-field input{padding-right:3rem}.login-form__password-toggle{position:absolute;top:50%;right:.45rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;padding:0;border:0;border-radius:999px;background:transparent;color:var(--color-primary)}.login-form__password-toggle:hover{transform:translateY(-50%);background:var(--color-primary-soft);filter:none}.login-form__password-toggle svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-form__error{margin:0;color:var(--color-danger);font-size:.9rem;font-weight:600}@media(max-width:520px){.login-brand{min-height:260px}.login-brand__logo,.login-brand__fallback{width:100%;height:260px}}.page-title{font-size:1.35rem;margin-bottom:.35rem;color:var(--color-ink)}.page-subtitle{color:var(--color-ink-soft);margin-bottom:1rem}.page-content,.card-grid{display:grid;gap:1rem}.card,.panel-card{border:1px solid var(--color-border);border-radius:.9rem;background:#fff;padding:1rem;display:grid;gap:.9rem}.panel-card__title{margin:0;font-size:1.1rem;color:var(--color-ink)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}.status-card{border:1px solid var(--color-border);border-radius:.85rem;padding:.85rem;background:var(--color-surface-soft)}.status-card__label{color:var(--color-ink-soft);margin:0;font-size:.82rem}.status-card__value{margin:.25rem 0 0;font-size:1.05rem;font-weight:800;color:var(--color-ink)}.status-card--success{border-color:#12895199;background:#eefaf4}.status-card--danger{border-color:#bb1f308c;background:#fef2f3}.callout{border:1px solid var(--color-border);border-radius:.75rem;padding:.8rem;background:var(--color-surface-soft)}.callout--danger{border-color:#bb1f3099;background:#fef2f3}.callout--success{border-color:#1289518c;background:#eefdf3}.callout pre{margin-bottom:0;overflow-x:auto}.toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem}.toolbar__group{display:flex;align-items:center;gap:.5rem}.toolbar__group label{font-weight:700;color:var(--color-ink-soft)}.toolbar__meta{margin:0;color:var(--color-ink-soft)}.table-wrapper{border:1px solid var(--color-border);border-radius:.8rem;overflow-x:auto;background:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.65rem;border-bottom:1px solid var(--color-border)}.table th{background:#edf5fb;font-size:.85rem;color:var(--color-primary-dark)}.table tr:last-child td{border-bottom:0}.person-thumb{width:3rem;height:3rem;border-radius:.75rem;object-fit:cover;border:1px solid var(--color-border);background:var(--color-surface-soft)}.person-thumb--large{width:5rem;height:5rem}.photo-preview-stack{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.form-field small{color:var(--color-ink-soft)}.actions-inline{display:flex;gap:.45rem}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700}.badge--warning{background:var(--color-secondary-soft);color:var(--color-warning)}.badge--success{background:#dcf8ea;color:#16653d}.badge--danger{background:#fee2e6;color:#932036}.btn-danger{border-color:#8f1420;background:linear-gradient(95deg,#ba2033,#8f1420)}.btn-danger:hover{filter:brightness(.98)}.form-grid{display:grid;gap:.9rem}.form-field{display:grid;gap:.35rem}.form-field label{font-weight:700}.form-row{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-field--checkbox{align-items:flex-start}.form-field--checkbox input[type=checkbox]{width:auto;margin-top:.2rem}.form-actions{display:flex;justify-content:flex-start}