@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--font-sans: "IBM Plex Sans", "Helvetica Neue", sans-serif;--font-display: "Space Grotesk", "Helvetica Neue", sans-serif;--color-ink-900: #101414;--color-ink-800: #1c2224;--color-ink-700: #2b3236;--color-ink-500: #5b6368;--color-ink-300: #9aa3a8;--color-ink-100: #e5eaed;--color-bg: #eef2f5;--color-bg-accent: #dfe7ea;--color-surface: #ffffff;--color-surface-alt: #f6f8fa;--color-border: #dde4e8;--color-primary: #0f6b6b;--color-primary-dark: #0a5353;--color-accent: #f08b4c;--color-success: #2f7c5c;--color-warning: #d79a32;--color-danger: #c2413b;--color-info: #2b6cb0;--shadow-sm: 0 4px 16px rgba(16, 20, 20, .08);--shadow-md: 0 18px 40px rgba(16, 20, 20, .12);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--content-width: 1200px}:root{--color-text: var(--color-ink-900);--color-muted: var(--color-ink-500);--color-surface-strong: #ffffff;--color-border-strong: #cfd7dc}[data-theme=dark]{--color-bg: #141819;--color-bg-accent: #1d2326;--color-surface: #1a1f22;--color-surface-alt: #1f2629;--color-border: #2b3236;--color-text: #f1f4f5;--color-muted: #b6c0c6;--color-surface-strong: #242b2f;--color-border-strong: #334047}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:radial-gradient(1200px 800px at -10% -20%,#f5efe2 0%,transparent 60%),radial-gradient(800px 600px at 90% 10%,#d9f1ed 0%,transparent 55%),var(--color-bg);min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 var(--space-2);color:var(--color-ink-900)}p{margin:0 0 var(--space-3)}#root{min-height:100vh}.container{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-6)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.grid{display:grid;gap:var(--space-4)}.text-muted{color:var(--color-muted)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header__actions{display:flex;gap:var(--space-3)}.form-error{color:#7a2f2a;background:#fde7e5;border:1px solid #f8c9c5;padding:var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-3);font-size:.9rem}.form-success{color:#1f5c3f;background:#e0f3e9;border:1px solid #bfe7d2;padding:var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-3);font-size:.9rem}.breadcrumb{font-size:.85rem;color:var(--color-muted)}.page-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.meta-label{font-size:.8rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1)}.meta-value{font-weight:600}.meta-sub{color:var(--color-muted);font-size:.9rem}@media(max-width:900px){.page-header{flex-direction:column;align-items:flex-start}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 18px;border-radius:999px;border:1px solid transparent;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn--primary{background:linear-gradient(120deg,var(--color-primary),#149a9a)}.btn--secondary{background:var(--color-surface-alt);color:var(--color-ink-800);border-color:var(--color-border);box-shadow:none}.btn--ghost{background:transparent;color:var(--color-ink-700);border-color:var(--color-border);box-shadow:none}.btn--danger{background:var(--color-danger)}.btn--sm{padding:6px 12px;font-size:.85rem}.btn--md{font-size:.95rem}.btn--lg{padding:12px 22px;font-size:1rem}.btn--loading{pointer-events:none}.btn__label{display:inline-flex}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field__label{font-size:.85rem;font-weight:600;color:var(--color-ink-700)}.field__hint{font-size:.8rem;color:var(--color-muted)}.field__error{font-size:.8rem;color:var(--color-danger)}.input,.textarea,.select{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.95rem;transition:border .2s ease,box-shadow .2s ease}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0f6b6b26}.input--error,.textarea--error,.select--error{border-color:var(--color-danger)}.toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem;font-weight:600;color:var(--color-ink-700)}.toggle input{width:40px;height:22px;appearance:none;background:var(--color-border);border-radius:999px;position:relative;cursor:pointer;transition:background .2s ease}.toggle input:after{content:"";position:absolute;top:3px;left:4px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease}.toggle input:checked{background:var(--color-primary)}.toggle input:checked:after{transform:translate(18px)}.toggle__label{color:var(--color-muted)}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-6);box-shadow:var(--shadow-sm)}.modal-backdrop{position:fixed;inset:0;background:#1014148c;display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:30}.modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);max-width:560px;width:100%;box-shadow:var(--shadow-md)}.modal__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.modal__title{font-size:1.2rem}.modal__body{margin-bottom:var(--space-4)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent}.badge--neutral{background:#eef2f5;color:#3b4448}.badge--success{background:#e2f3ea;color:#1f5c3f}.badge--warning{background:#f9ecd2;color:#8c5e1c}.badge--info{background:#e1ecf7;color:#1f4d7a}.badge--danger{background:#f8d9d5;color:#7a2f2a}.spinner{width:32px;height:32px;border:3px solid rgba(15,107,107,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .9s linear infinite}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--md{width:24px;height:24px}.spinner--lg{width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-8);border-radius:var(--radius-lg);background:var(--color-surface-alt);border:1px dashed var(--color-border)}.empty-state__title{font-family:var(--font-display);font-size:1.1rem;margin-bottom:var(--space-2)}.empty-state__description{color:var(--color-muted);margin-bottom:var(--space-4)}.toast{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.toast__title{font-weight:600;margin-bottom:var(--space-2)}.toast__message{color:var(--color-muted)}.toast--info{border-left:4px solid var(--color-info)}.toast--success{border-left:4px solid var(--color-success)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--danger{border-left:4px solid var(--color-danger)}.sidebar{width:260px;min-height:100vh;background:linear-gradient(160deg,#0e3f3f,#0b2f2f);color:#eef5f6;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:0;left:0;transition:transform .3s ease;z-index:20}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3)}.sidebar__logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2ac4b5,#1a6a6a);box-shadow:0 6px 18px #0003}.sidebar__title{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.sidebar__subtitle{font-size:.85rem;color:#eef5f6b3}.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar__link{padding:10px 14px;border-radius:12px;color:#eef5f6cc;font-weight:500;transition:background .2s ease,color .2s ease}.sidebar__link:hover,.sidebar__link.is-active{background:#ffffff1f;color:#fff}.sidebar__footer{margin-top:auto;font-size:.85rem;color:#eef5f6b3}.sidebar__support{font-weight:600}.sidebar__support-link{display:inline-block;margin-top:var(--space-2);color:#f8d9a4}@media(max-width:1024px){.sidebar{position:fixed;height:100%;transform:translate(-100%)}.sidebar.sidebar--open{transform:translate(0)}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-7) var(--space-4);background:transparent}.topbar__left{display:flex;align-items:center;gap:var(--space-4)}.topbar__menu{width:42px;height:42px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.topbar__menu span{width:18px;height:2px;background:var(--color-ink-700);display:block}.topbar__eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.12em;color:var(--color-muted);margin-bottom:4px}.topbar__title{font-size:1.6rem}.topbar__right{display:flex;align-items:center;gap:var(--space-4)}.topbar__user{display:flex;align-items:center;gap:var(--space-3)}.topbar__avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(120deg,#f3b56b,#e0694b)}.topbar__meta{display:flex;flex-direction:column}.topbar__name{font-weight:600}.topbar__role{font-size:.8rem;color:var(--color-muted)}@media(max-width:1024px){.topbar__menu{display:flex}}@media(max-width:720px){.topbar{padding:var(--space-5);flex-direction:column;align-items:flex-start;gap:var(--space-4)}.topbar__right{width:100%;justify-content:space-between}}.app-shell{display:flex;min-height:100vh}.app-shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.app-shell__content{padding:0 var(--space-7) var(--space-7);flex:1}.footer{padding:var(--space-4) var(--space-7) var(--space-6);display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-muted)}@media(max-width:1024px){.app-shell{flex-direction:column}.app-shell__content{padding:0 var(--space-5) var(--space-6)}.footer{padding:var(--space-4) var(--space-5) var(--space-6)}}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:0}.login-page__content{padding:var(--space-9);display:flex;flex-direction:column;gap:var(--space-7);justify-content:center}.login-page__brand{display:flex;align-items:center;gap:var(--space-3)}.login-page__logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(140deg,#2ac4b5,#1a6a6a);box-shadow:0 10px 24px #0000002e}.login-page__title{font-family:var(--font-display);font-size:1.4rem;font-weight:600}.login-page__subtitle{color:var(--color-muted);font-size:.95rem}.login-card{max-width:440px}.login-card__header{margin-bottom:var(--space-4)}.login-card__eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;color:var(--color-muted);margin-bottom:var(--space-2)}.login-card__title{font-size:2rem}.login-card__hint{color:var(--color-muted)}.login-card__form{display:flex;flex-direction:column}.login-card__button{width:100%}.login-page__aside{background:radial-gradient(600px 400px at 20% 20%,rgba(255,255,255,.55),transparent),linear-gradient(160deg,#1d5f5b,#0f2327);color:#f7fafb;display:flex;align-items:center;justify-content:center;padding:var(--space-9)}.login-page__aside-content{max-width:360px}.login-page__aside-title{font-family:var(--font-display);font-size:1.6rem;margin-bottom:var(--space-3)}.login-page__aside-text{color:#f7fafbb3;margin-bottom:var(--space-6)}.login-page__aside-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);background:#ffffff14;padding:var(--space-5);border-radius:var(--radius-lg)}.login-page__metric{font-family:var(--font-display);font-size:1.4rem}.login-page__metric-label{font-size:.85rem;color:#f7fafbbf}@media(max-width:1024px){.login-page{grid-template-columns:1fr}.login-page__aside{display:none}.login-page__content{padding:var(--space-7)}}@media(max-width:720px){.login-page__content{padding:var(--space-6)}}.inbox-page{display:flex;flex-direction:column;gap:var(--space-5)}.inbox-filters{padding:var(--space-4)}.inbox-filters__form{display:grid;grid-template-columns:1.2fr .6fr auto;gap:var(--space-4);align-items:end}.inbox-content{display:flex;flex-direction:column;gap:var(--space-4)}.inbox-list{display:flex;flex-direction:column;gap:var(--space-3)}.inbox-item{display:grid;grid-template-columns:2fr 1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);transition:transform .2s ease,box-shadow .2s ease}.inbox-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.inbox-item__subject{font-weight:600;margin-bottom:var(--space-1)}.inbox-item__excerpt{color:var(--color-muted);font-size:.9rem}.inbox-item__meta{text-align:right}.inbox-item__email{font-weight:500}.inbox-item__date{font-size:.85rem;color:var(--color-muted)}.inbox-item__status{justify-self:end}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.pagination__info{font-size:.9rem;color:var(--color-muted)}@media(max-width:1024px){.inbox-filters__form{grid-template-columns:1fr}.inbox-item{grid-template-columns:1fr;text-align:left}.inbox-item__meta{text-align:left}.inbox-item__status{justify-self:start}}.message-detail{display:flex;flex-direction:column;gap:var(--space-5)}.message-detail__grid{display:grid;grid-template-columns:1.5fr .9fr;gap:var(--space-6)}.message-detail__card{display:flex;flex-direction:column;gap:var(--space-5)}.message-detail__section{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-5)}.message-detail__section:last-child{border-bottom:none;padding-bottom:0}.message-detail__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.message-detail__body{line-height:1.6;font-size:.95rem;color:var(--color-ink-800)}.message-detail__replies h3{margin-bottom:var(--space-3)}.reply-list{display:flex;flex-direction:column;gap:var(--space-3)}.reply-item{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-alt)}.reply-item__meta{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:var(--space-2)}.reply-item__body{color:var(--color-ink-700);line-height:1.5}.message-detail__side{display:flex;flex-direction:column;gap:var(--space-4)}.message-detail__panel h3{margin-bottom:var(--space-3)}.reply-form{display:flex;flex-direction:column}@media(max-width:1024px){.message-detail__grid,.message-detail__meta{grid-template-columns:1fr}}.contacts-page{display:flex;flex-direction:column;gap:var(--space-5)}.contacts-filters{padding:var(--space-4)}.contacts-filters__form{display:grid;grid-template-columns:1.2fr auto;gap:var(--space-4);align-items:end}.contacts-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}.contact-card{display:flex;flex-direction:column;gap:var(--space-4)}.contact-card__header{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center}.contact-card__name{font-weight:600;font-size:1rem}.contact-card__email{color:var(--color-muted);font-size:.9rem}.contact-card__body{display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:720px){.contacts-filters__form{grid-template-columns:1fr}}.stats-page{display:flex;flex-direction:column;gap:var(--space-5)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.stats-card{display:flex;flex-direction:column;gap:var(--space-3)}.stats-card--primary{background:linear-gradient(135deg,#1c6d6c,#1a8f8d);color:#fff;border:none}.stats-card--primary .stats-card__meta{color:#ffffffbf}.stats-card__label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.stats-card--primary .stats-card__label{color:#fffc}.stats-card__value{font-family:var(--font-display);font-size:2rem;font-weight:600}.stats-card__list{display:flex;flex-direction:column;gap:var(--space-2)}.stats-card__row{display:flex;justify-content:space-between;font-size:.95rem}.stats-card__meta{color:var(--color-muted)}.settings-page{display:flex;flex-direction:column;gap:var(--space-5)}.settings-card{text-align:center}.settings-card__title{font-family:var(--font-display);font-size:1.4rem;margin-bottom:var(--space-2)}.settings-card__text{color:var(--color-muted)}.not-found{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.not-found__content{text-align:center;max-width:400px}.not-found__title{font-family:var(--font-display);font-size:4rem}.not-found__subtitle{font-size:1.2rem;margin-bottom:var(--space-3)}.not-found__text{color:var(--color-muted);margin-bottom:var(--space-5)}