:root{--black: #1F2024;--offwhite: #F8F7F4;--white: #FFFFFF;--border: rgba(31, 32, 36, .1);--muted: #9a9ba3;--sub: #555660;--blue: #15a9c3;--red: #e2555e;--green: #19ac8d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--offwhite);color:var(--black);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1{font-size:24px;font-weight:800;margin:0 0 4px}h2{font-size:18px;font-weight:700;margin:0 0 8px}button{font-family:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:10px;border:1px solid var(--border);background:var(--white);color:var(--black);font-size:15px;font-weight:600}.btn:hover{background:#fafafa}.btn-primary{background:var(--blue);border-color:var(--blue);color:var(--white)}.btn-primary:hover{filter:brightness(.96)}.btn:disabled{opacity:.6;cursor:default}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:700;color:var(--black)}.input{height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:var(--white);color:var(--black);font-size:15px;font-family:inherit;width:100%}.input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #15a9c326}.table{width:100%;border-collapse:collapse;background:var(--white);border-radius:12px;overflow:hidden;border:1px solid var(--border)}.table th,.table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:#fbfbfa}.table tr:last-child td{border-bottom:none}.card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:20px}.muted{color:var(--muted)}.app-shell{display:flex;height:100%}.app-main{flex:1;overflow:auto}.app-content{max-width:1100px;margin:0 auto;padding:32px 40px}.topbar,.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:60;transform:translate(-100%);transition:transform .22s ease;box-shadow:2px 0 18px #00000047;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#0000006b}.topbar{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:40;background:var(--black);color:var(--white);padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top));padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(12px + env(safe-area-inset-right))}.topbar .topbar-title{font-size:16px;font-weight:800;letter-spacing:.2px}.hamburger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:none;background:none;color:inherit;border-radius:8px;cursor:pointer}.app-content{padding:18px 16px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));padding-bottom:calc(24px + env(safe-area-inset-bottom))}.btn{min-height:44px}.input{min-height:44px;min-width:0}.field{width:100%}.split-2,.form-grid,.editor-grid{grid-template-columns:1fr!important}.field-pair{flex-direction:column!important}.page-header,.page-header .page-actions{flex-wrap:wrap}.table{border:none;background:none;border-radius:0;overflow:visible}.table thead{display:none}.table,.table tbody{display:block;width:100%}.table tr{display:block;background:var(--white);border:1px solid var(--border);border-radius:12px;padding:4px 14px;margin-bottom:12px}.table td{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--border);text-align:right;white-space:normal}.table tr td:last-child{border-bottom:none}.table td:before{content:attr(data-label);flex-shrink:0;text-align:left;align-self:center;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.table td[data-label=""]{display:block;text-align:left}.table td[data-label=""]:before,.table td:not([data-label]):before{content:none}.table td[colspan]{display:block;text-align:center}.table td[colspan]:before{content:none}}