:root{color-scheme:light;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-canvas: #f4efe7;--bg-canvas-strong: #ede2d3;--bg-panel: rgba(255, 250, 244, .88);--bg-sidebar: rgba(255, 248, 239, .96);--bg-card: rgba(255, 255, 255, .96);--bg-card-soft: #fff7ef;--bg-table-head: #fff2e3;--border-soft: #eadbc9;--border-strong: #d6c0a9;--text-strong: #2f251c;--text-main: #5e4d3d;--text-muted: #8a7763;--accent: #e67817;--accent-deep: #b45305;--accent-soft: #fff0df;--accent-soft-strong: #ffd6ac;--success: #1f8b59;--success-soft: #ebf8f0;--danger: #bf4e36;--danger-soft: #fdeee8;--warning: #996200;--warning-soft: #fff4d8;--info: #2d6f9d;--info-soft: #eaf4fd;--shadow-sm: 0 10px 24px rgba(74, 45, 16, .06);--shadow-md: 0 24px 60px rgba(74, 45, 16, .12);--shadow-lg: 0 40px 80px rgba(74, 45, 16, .14)}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,rgba(255,206,138,.32),transparent 24%),radial-gradient(circle at bottom right,rgba(255,173,96,.2),transparent 22%),linear-gradient(180deg,#faf6f0,#f4efe7 52%,#ede5d8)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-main);background:transparent}a{color:inherit}button,input,select,textarea{font:inherit}code,pre{font-family:IBM Plex Mono,SFMono-Regular,monospace}pre{white-space:pre-wrap;word-break:break-word}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:grid;align-content:start;gap:22px;min-height:100vh;padding:22px 18px 18px;overflow-y:auto;background:var(--bg-sidebar);border-right:1px solid rgba(214,192,169,.7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset -1px 0 #fff9;z-index:20}.sidebar-brand{display:grid;gap:8px;padding:6px 8px 18px}.sidebar-brand h1{margin:0;color:var(--text-strong);font-size:1.7rem;letter-spacing:-.04em}.sidebar-brand p:last-child{margin:0;color:var(--text-muted);font-size:.95rem}.sidebar-nav{display:grid;gap:18px}.sidebar-section{display:grid;gap:8px}.sidebar-section-title{margin:0;padding:0 12px;color:var(--text-muted);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sidebar-link{display:grid;gap:2px;padding:11px 12px;border:1px solid transparent;border-radius:16px;color:var(--text-main);text-decoration:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.sidebar-link small{color:var(--text-muted);font-size:.8rem}.sidebar-link:hover{transform:translate(2px);background:#ffffffa8;border-color:#d6c0a9cc}.sidebar-link.active{color:var(--accent-deep);background:linear-gradient(135deg,#fff0dffa,#fff8effa);border-color:#e678172e;box-shadow:var(--shadow-sm)}.sidebar-link.active small{color:#b45305c7}.sidebar-footer{display:grid;gap:12px;margin-top:auto;padding:16px 12px 8px;color:var(--text-muted);font-size:.9rem;border-top:1px solid rgba(214,192,169,.7)}.content{min-width:0;padding:18px}.content--auth{display:grid;min-height:100vh}.content-topbar{display:flex;align-items:center;gap:14px;width:min(1360px,100%);margin:0 auto 10px}.content-topbar__meta{display:grid;gap:2px}.content-topbar__meta strong{color:var(--text-strong);font-size:.96rem}.content-inner{display:grid;gap:24px;width:min(1360px,100%);margin:0 auto}.content-inner--auth{align-content:center;width:min(760px,100%);min-height:100vh;padding:40px 18px}.page{display:grid;gap:24px;min-width:0}.page-header,.page__hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.page-title,.page__hero h1,.page__hero h2{margin:0;color:var(--text-strong);font-size:clamp(1.95rem,2vw + 1rem,2.9rem);line-height:1.08;letter-spacing:-.05em}.page-subtitle,.page__hero .muted{max-width:76ch;margin:10px 0 0;color:var(--text-muted);font-size:1rem}.page-actions,.page__hero-actions,.actions-row,.form-actions{display:flex;flex-wrap:wrap;gap:10px}.eyebrow{margin:0 0 10px;color:var(--accent-deep);font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.page-tabs{display:flex;flex-wrap:wrap;gap:10px}.page-tab{display:inline-flex;align-items:center;min-height:42px;padding:10px 16px;border:1px solid rgba(214,192,169,.88);border-radius:999px;background:#ffffffe0;color:var(--text-main);font-weight:700;text-decoration:none;transition:transform .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.page-tab:hover{transform:translateY(-1px);border-color:#e6781738;box-shadow:var(--shadow-sm)}.page-tab.active{color:var(--accent-deep);background:linear-gradient(135deg,#fff0df,#fff8ef);border-color:#e6781733}.card,.page-card{position:relative;min-width:0;padding:24px;border:1px solid rgba(234,219,201,.94);border-radius:24px;background:var(--bg-card);box-shadow:var(--shadow-md)}.page-card:before,.card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,#e678172e,#fff0);border-top-left-radius:inherit;border-top-right-radius:inherit;pointer-events:none}.status-grid,.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.kpi-card strong,.metric-card strong{color:var(--text-strong);font-size:clamp(1.7rem,2vw + .4rem,2.35rem);line-height:1.05}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.split-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form{display:grid;gap:18px}.field{display:grid;gap:8px}.field span{color:var(--text-strong);font-size:.94rem;font-weight:700}.field input,.field select,.field textarea,.file-input{width:100%;min-height:46px;padding:12px 14px;color:var(--text-strong);background:#fffbf6f5;border:1px solid rgba(214,192,169,.92);border-radius:14px;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.file-input:focus{outline:none;border-color:#e6781794;box-shadow:0 0 0 4px #e678171f;background:#fff}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px}.checkbox-card{display:flex;align-items:center;gap:10px;padding:12px 14px;color:var(--text-strong);background:var(--bg-card-soft);border:1px solid rgba(234,219,201,.94);border-radius:14px}.checkbox-card input,.inline-checkbox input{width:auto}.inline-checkbox,.toggle-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.table-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.table-header h3,.page-card h3,.card h3,.status-card__header h2,.empty-state h3,.loading-state h3,.error-state h3{margin:0;color:var(--text-strong)}.table-wrapper,.table-wrap{overflow-x:auto;border:1px solid rgba(234,219,201,.94);border-radius:18px;background:#fffdfaf5}.table{width:100%;min-width:680px;border-collapse:collapse}.table thead{background:var(--bg-table-head)}.table th,.table td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(234,219,201,.94)}.table th{color:var(--text-muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.table tbody tr:hover{background:#fff3e575}.table tbody tr:last-child td{border-bottom:none}.table td p{margin:6px 0 0}.status-pill,.badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:6px 11px;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-pill--neutral,.badge{color:var(--warning);background:var(--warning-soft)}.status-pill--success,.badge--ok{color:var(--success);background:var(--success-soft)}.status-pill--danger,.badge--error{color:var(--danger);background:var(--danger-soft)}.status-pill--warning{color:var(--warning);background:var(--warning-soft)}.status-pill--info{color:var(--info);background:var(--info-soft)}.button,.primary-button,.secondary-button,.ghost-button,.danger-button,.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border-radius:14px;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}.button,.primary-button{color:#fff7f0;background:linear-gradient(135deg,var(--accent),var(--accent-deep));border:1px solid rgba(180,83,5,.22);box-shadow:0 14px 26px #e678172e}.button:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover,.mobile-menu-toggle:hover{transform:translateY(-1px)}.button:disabled,.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.58;cursor:wait;transform:none;box-shadow:none}.secondary-button{color:var(--text-strong);background:#fffbf6fa;border:1px solid rgba(214,192,169,.92)}.ghost-button,.button--ghost{color:var(--text-strong);background:#fffbf6bd;border:1px solid rgba(214,192,169,.92)}.danger-button{color:#fff6f2;background:linear-gradient(135deg,#d86a50,var(--danger));border:1px solid rgba(191,78,54,.26);box-shadow:0 14px 26px #bf4e3629}.button--small{min-height:36px;padding:9px 12px;font-size:.9rem}.notice{padding-block:18px}.notice p{margin:0}.notice--success{border-color:#1f8b5929;background:linear-gradient(135deg,#ebf8f0f5,#fffffff5)}.notice--error{border-color:#bf4e3629;background:linear-gradient(135deg,#fdeee8f5,#fffffff5)}.empty-state,.loading-state,.error-state{display:grid;gap:10px;place-items:start;padding:22px;color:var(--text-main);background:#fff8efdb;border:1px dashed rgba(214,192,169,.96);border-radius:18px}.empty-state p,.loading-state p,.error-state p{margin:0;color:var(--text-muted)}.muted{color:var(--text-muted)}.detail-grid,.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.detail-item,.metric-card{display:grid;gap:8px;padding:16px;border:1px solid rgba(234,219,201,.88);border-radius:18px;background:linear-gradient(180deg,#fffbf6fa,#fff7effa)}.detail-item span,.metric-card span{color:var(--text-muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.card__stack,.stack{display:grid;gap:16px}.stack--tight{gap:6px}.status-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.status-card pre,.card pre{margin:0;padding:16px;overflow:auto;color:var(--text-strong);background:#f9f3eb;border:1px solid rgba(234,219,201,.94);border-radius:16px}.status-card__error p{margin:0 0 10px}.text-link{color:var(--accent-deep);font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.mobile-menu-toggle{display:none;color:var(--text-strong);background:#fffbf6e6;border:1px solid rgba(214,192,169,.88)}.mobile-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;padding:0;border:0;background:#2f251c38;z-index:15}.mobile-sidebar-overlay.is-visible{display:block}.auth-panel{display:grid;gap:18px}@media (max-width: 1180px){.content-grid{grid-template-columns:1fr}}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;width:min(290px,calc(100vw - 56px));transform:translate(-100%);transition:transform .18s ease;box-shadow:var(--shadow-lg)}.sidebar.is-open{transform:translate(0)}.content{padding:14px}.content-topbar{margin-bottom:18px}.mobile-menu-toggle{display:inline-flex}}@media (max-width: 720px){.page-header,.page__hero,.table-header{flex-direction:column;align-items:stretch}.split-grid,.form-grid{grid-template-columns:1fr}.page-title,.page__hero h1,.page__hero h2{font-size:clamp(1.7rem,7vw,2.2rem)}.card,.page-card{padding:20px;border-radius:20px}.table{min-width:620px}}
