@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2a231f;background-color:#f5f1ea;line-height:1.4;font-weight:500;--accent: #8b5a2b;--accent-strong: #6f431f;--accent-soft: #f0e0d1;--surface: #ffffff;--surface-muted: #fbf9f6;--border: #e6ded3;--muted: #6f6258;--success: #1e8e63;--danger: #c2413b;--sidebar: #1d1610;--sidebar-muted: #a08b7a;--sidebar-border: #2b2018;--shadow: 0 24px 60px rgba(23, 18, 13, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f1ea}body.mobile-menu-open{overflow:hidden}a{color:inherit;text-decoration:none}#app{min-height:100vh;background:radial-gradient(120% 120% at 10% 10%,#fff8ef,#fff8ef00 45%),radial-gradient(80% 80% at 80% 0%,#efe4d8,#efe4d800 45%),#f5f1ea}.app-layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.app-layout.compact{grid-template-columns:96px 1fr}.content{padding:28px 32px 40px}.content-shell{max-width:1200px;margin:0 auto;display:grid;gap:16px}.content-header{display:grid;gap:6px}.breadcrumb{font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;display:flex;gap:6px;flex-wrap:wrap}.breadcrumb-sep{margin:0 4px;color:#b8a79a}.page-title{font-size:24px;font-weight:700;color:#241b15}.public-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.mobile-topbar,.mobile-nav-backdrop,.mobile-menu-close{display:none}.sidebar{background:linear-gradient(180deg,#1f1711,#17110c);color:#f6efe6;padding:24px 18px;border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:24px}.sidebar.compact{padding:20px 10px}.sidebar-brand{display:flex;gap:12px;align-items:center}.sidebar.compact .sidebar-brand{justify-content:center}.sidebar.compact .brand-title,.sidebar.compact .brand-sub{display:none}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#2f241b;color:#f6efe6;font-weight:800}.brand-title{font-size:16px;font-weight:700}.brand-sub{font-size:12px;color:var(--sidebar-muted)}.sidebar-nav{display:grid;gap:10px}.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-muted);margin-bottom:6px}.nav-link{padding:10px 12px;border-radius:12px;color:#f6efe6;text-decoration:none;font-weight:600;background:transparent;border:1px solid transparent;transition:all .2s ease;display:inline-flex;align-items:center;gap:10px}.nav-link:hover{background:#2a1f16;border-color:#3a2b21}.nav-link.router-link-active{background:#3a2b21;border-color:#4b392c;box-shadow:inset 0 0 0 1px #ffffff0a}.nav-icon{width:18px;height:18px;display:inline-flex}.nav-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar.compact .nav-text,.sidebar.compact .nav-section{display:none}.sidebar.compact .nav-link{justify-content:center;padding:10px}.sidebar-footer{margin-top:auto;display:grid;gap:12px}.sidebar.compact .user-chip{justify-content:center}.sidebar.compact .user-name,.sidebar.compact .user-role{display:none}.sidebar.compact .sidebar-footer{align-items:center}.sidebar.compact .button{width:100%;justify-content:center}.user-chip{display:flex;align-items:center;gap:10px;padding:10px;background:#2a1f16;border:1px solid #3a2b21;border-radius:12px}.user-avatar{width:36px;height:36px;border-radius:12px;background:#3a2b21;display:grid;place-items:center;font-weight:700;color:#f6efe6}.user-name{font-weight:700}.user-role{font-size:12px;color:var(--sidebar-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.state-card{border-style:dashed;box-shadow:none;background:var(--surface-muted);color:var(--muted);text-align:center;padding:18px}.inline-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:12px;color:var(--accent-strong);background:#fffaf3}.inline-notice>div{display:grid;gap:3px;min-width:0}.inline-notice small{color:inherit;overflow-wrap:anywhere}.inline-notice.danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));border-left-color:var(--danger);color:#8f2e2a;background:#fff8f7}.content-shell>*{animation:fade-up .45s ease both}.content-shell>*:nth-child(2){animation-delay:.05s}.content-shell>*:nth-child(3){animation-delay:.1s}.content-shell>*:nth-child(4){animation-delay:.15s}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.grid{display:grid;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;padding:10px 14px;border-radius:12px;border:none;cursor:pointer;font-weight:600;box-shadow:0 10px 24px #8b5a2b33;transition:transform .1s ease,box-shadow .2s ease,background .2s ease}.button .icon{width:16px;height:16px;display:inline-flex}.button .icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.button.secondary{background:#f1e6d9;color:#3b2f26;box-shadow:none}.button.ghost{background:transparent;color:var(--accent);border:1px solid var(--border);box-shadow:none}.button.danger{background:var(--danger)}.button:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.input,select,textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-muted);font-size:14px;color:#2a231f}label{font-weight:600;color:#0f172a;display:block;margin-bottom:6px}.section-title{font-size:18px;font-weight:700;margin:12px 0}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--border)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600;background:#f4eadf;color:#6f431f}.badge.success{background:#e6f4ec;color:#1e8e63}.badge.warning{background:#fff2df;color:#a05a10}.badge.secondary{background:#f1e6d9;color:#6f431f}.inline{display:inline-flex;align-items:center;gap:6px}.flex{display:flex;gap:10px}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.flex-wrap{flex-wrap:wrap}small{color:var(--muted)}@media(max-width:900px){.app-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.app-layout.compact{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:min(320px,86vw);padding:20px 16px;overflow-x:hidden;overflow-y:auto;transform:translate(-105%);transition:transform .2s ease;box-shadow:18px 0 50px #0f0a0740}.sidebar.mobile-open{transform:translate(0)}.sidebar.compact{padding:20px 16px}.sidebar-brand{min-width:0;width:100%}.sidebar.compact .sidebar-brand{justify-content:flex-start}.sidebar.compact .brand-title,.sidebar.compact .brand-sub,.sidebar.compact .nav-text,.sidebar.compact .nav-section,.sidebar.compact .user-name,.sidebar.compact .user-role{display:initial}.sidebar.compact .nav-section{display:block}.sidebar.compact .nav-link{justify-content:flex-start;padding:10px 12px}.sidebar-nav{grid-auto-flow:row;grid-auto-columns:auto}.sidebar-footer{display:grid;min-width:0}.sidebar.compact .user-chip{justify-content:flex-start}.mobile-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:12px 16px;color:#f6efe6;background:linear-gradient(100deg,#1f1711,#17110c);border-bottom:1px solid var(--sidebar-border)}.mobile-brand{display:flex;align-items:center;gap:10px;min-width:0}.mobile-brand .brand-mark{width:36px;height:36px;flex:0 0 auto}.mobile-brand .brand-title,.mobile-brand .brand-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-button,.mobile-menu-close{border:1px solid #4b392c;border-radius:10px;color:#f6efe6;background:#2a1f16;cursor:pointer}.mobile-menu-button{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;font:inherit;font-weight:700}.mobile-menu-button svg,.mobile-menu-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.mobile-menu-close{display:grid;place-items:center;width:38px;height:38px;margin-left:auto}.mobile-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:block;width:100%;height:100%;padding:0;border:0;background:#140e0a85}.flex.responsive{flex-direction:column}.content{grid-row:2;padding:18px 16px 28px;min-width:0;max-width:100vw;box-sizing:border-box}.content-shell{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.content-shell>*{min-width:0;max-width:100%}.card{padding:14px}.inline-notice{align-items:stretch;flex-direction:column}.inline-notice .button{width:100%}.table{display:block;overflow-x:auto;white-space:nowrap}}