:root{--sidebar-width: 260px;--mobile-topbar-height: 64px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}.skip-link{position:absolute;left:-9999px;top:12px;z-index:2000;background:#2563eb;color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700}.skip-link:focus{left:12px}.app-shell{min-height:100vh}.app-shell__mobilebar,.app-shell__overlay{display:none}.app-shell__sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);min-height:100vh;overflow-y:auto;z-index:50}.app-shell__main{margin-left:var(--sidebar-width);min-width:0}.app-shell__inner{max-width:1440px;margin:0 auto;padding:28px}.app-shell__hero{border-radius:24px;padding:24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-shell__nav-link{transition:.2s ease}.app-shell__nav-link:hover{transform:translateY(-1px)}.responsive-grid-2,.responsive-grid-3,.responsive-grid-4,.responsive-grid-5,.responsive-grid-6,.card-grid-2,.card-grid-3,.card-grid-4,.mobile-grid-2,.mobile-grid-3,.mobile-grid-4,.mobile-grid-5,.mobile-grid-6,.mobile-form-grid-2,.mobile-form-grid-3{display:grid;gap:20px;min-width:0}.responsive-grid-2,.card-grid-2,.mobile-grid-2,.mobile-form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-grid-3,.card-grid-3,.mobile-grid-3,.mobile-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.responsive-grid-4,.card-grid-4,.mobile-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.responsive-grid-5,.mobile-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.responsive-grid-6,.mobile-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.page-section{display:grid;gap:20px}.stack-mobile,.mobile-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.mobile-banner{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.mobile-card{min-width:0}.mobile-card h1,.mobile-card h2,.mobile-card h3,.mobile-card h4,.mobile-card p,.mobile-card div,.mobile-card span,.mobile-card label{word-break:break-word}.mobile-input,.mobile-select,.mobile-textarea,.mobile-button{width:100%;box-sizing:border-box}.mobile-input,.mobile-select,.mobile-textarea{min-height:48px;font-size:16px}.mobile-textarea{padding-top:14px}.mobile-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px}.mobile-table-wrap table{min-width:720px}@media(max-width:1280px){.responsive-grid-6,.mobile-grid-6,.responsive-grid-5,.mobile-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.responsive-grid-4,.card-grid-4,.mobile-grid-4,.responsive-grid-3,.card-grid-3,.mobile-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.app-shell__mobilebar{position:sticky;top:0;z-index:60;height:var(--mobile-topbar-height);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-shell__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;z-index:65}.app-shell__sidebar{transform:translate(-100%);transition:transform .22s ease;z-index:70;width:min(82vw,300px)}.app-shell__sidebar.is-open{transform:translate(0)}.app-shell__main{margin-left:0;width:100%}.app-shell__inner{padding:16px}.app-shell__hero{padding:18px;border-radius:18px}.responsive-grid-2,.responsive-grid-3,.responsive-grid-4,.responsive-grid-5,.responsive-grid-6,.card-grid-2,.card-grid-3,.card-grid-4,.mobile-grid-2,.mobile-grid-3,.mobile-grid-4,.mobile-grid-5,.mobile-grid-6,.mobile-form-grid-2,.mobile-form-grid-3{grid-template-columns:1fr!important;gap:14px}.mobile-hero-actions,.stack-mobile{display:grid;grid-template-columns:1fr;width:100%}.mobile-hero-actions>*,.stack-mobile>*{width:100%}.mobile-button{min-height:48px;justify-content:center}.mobile-card{width:100%!important;min-width:0!important}.mobile-card input,.mobile-card textarea,.mobile-card select{width:100%!important;min-width:0!important;font-size:16px!important}.mobile-card .row-stack-mobile{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:start!important}}@media(max-width:640px){.app-shell__inner{padding:14px}.app-shell__hero{padding:16px;border-radius:16px}.app-shell__mobilebar{padding:10px 12px}.mobile-card{border-radius:18px!important}.mobile-banner{padding:12px 14px;border-radius:14px}}@keyframes feedbackShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}