:root{--bg: #f6f8fb;--panel: #ffffff;--muted: #6b7280;--text: #0f172a;--brand: #2563eb;--brand-strong: #1d4ed8;--border: #e5e7eb;--success: #16a34a;--danger: #dc2626;--warning: #d97706;--sidebar-width: 260px;--mobile-breakpoint: 768px}*{box-sizing:border-box}html,body,#root{height:100%}html{overflow-x:hidden}body{margin:0;background:radial-gradient(1200px 600px at 70% -10%,#e7efff 0%,transparent 60%),radial-gradient(800px 500px at -10% 10%,#eef2ff 0%,transparent 50%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial;overflow-x:hidden;width:100%;max-width:100vw}a{color:inherit;text-decoration:none}a.active{color:var(--brand);font-weight:600}.surface{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #0206170f,inset 0 1px #fff9}.muted{color:var(--muted)}.grid{display:grid;gap:12px}.sidebar{background:var(--panel);border-right:1px solid var(--border)}@media (max-width: 768px){.sidebar{position:fixed!important;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:var(--sidebar-width)!important;padding:16px!important;overflow-y:auto;box-shadow:4px 0 24px #00000026}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.sidebar-overlay-visible{opacity:1;pointer-events:auto}.mobile-header{display:flex!important;position:fixed;top:0;left:0;right:0;width:100%;z-index:100;background:var(--panel);border-bottom:1px solid var(--border);padding:12px 16px;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000000f;min-height:68px}.app-layout{padding-top:68px;min-height:100vh;width:100%;overflow-x:hidden}.main-content{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.hamburger-btn{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--border);background:var(--panel);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.hamburger-btn:active{transform:scale(.95);background:var(--bg)}.main-content{padding:16px!important}.nav-link-mobile{min-height:48px;padding:14px 16px!important;border-radius:10px;margin:4px 0;transition:background .2s ease;-webkit-tap-highlight-color:transparent}.nav-link-mobile:active{background:var(--bg)}}@media (min-width: 769px){.mobile-header,.hamburger-btn,.sidebar-overlay{display:none!important}}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}*::-webkit-scrollbar-track{background:transparent}.surface[style*="position: fixed"][style*="inset: 0"]{pointer-events:auto}@media (max-width: 768px){input,select,textarea,button{font-size:16px!important}.card-responsive{padding:12px!important}.card-header-responsive{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.card-actions-responsive{display:flex;gap:8px;flex-wrap:wrap}.card-actions-responsive>*{flex:1;min-width:80px}.btn,button{min-height:44px;-webkit-tap-highlight-color:transparent}.grid{gap:10px!important}.main-content{padding:12px!important}h1,.page-title{font-size:1.25rem!important}h2{font-size:1.1rem!important}.scroll-x-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch}}input:read-only{background-color:#f0f0f0;color:gray;cursor:default}