*,:before,:after{box-sizing:border-box}html,body{color:#111;-webkit-text-size-adjust:100%;background:#fff;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}h1{margin:0 0 16px;font-size:28px;font-weight:700;line-height:1.2}h2{margin:0 0 12px;font-size:22px;font-weight:600;line-height:1.3}h3{margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.3}p{margin:0 0 12px}a{color:#06c;text-decoration:none}a:active{opacity:.7}button{color:#111;cursor:pointer;white-space:nowrap;appearance:none;touch-action:manipulation;background:#fff;border:1px solid #ccc;border-radius:8px;width:100%;min-height:48px;padding:12px 16px;font-size:16px;font-weight:500}button:active{background:#f0f0f0}button:disabled{opacity:.5;cursor:not-allowed}button[data-primary]{color:#fff;background:#111;border-color:#111}button[data-primary]:active{background:#333}button[data-compact]{width:auto;min-height:36px;padding:6px 12px;font-size:14px}input,select,textarea{color:#111;appearance:none;background:#fff;border:1px solid #ccc;border-radius:8px;width:100%;min-height:44px;padding:10px 12px;font-family:inherit;font-size:16px;display:block}input:focus,select:focus,textarea:focus{border-color:#06c;outline:none;box-shadow:0 0 0 2px #06c3}input[type=file]{border-style:dashed;min-height:auto;padding:8px;font-size:14px}input[type=checkbox]{width:auto;min-height:auto;margin:0}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23666' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}label{color:#333;margin-bottom:4px;font-size:14px;font-weight:500;display:block}label>input,label>select,label>textarea{margin-top:4px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;word-break:break-word;border-bottom:1px solid #eee;padding:8px 4px}th{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.error-message{color:#d32f2f;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:14px}.success-message{color:#2e7d32;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:14px}.app-shell{max-width:375px;min-height:100dvh;margin:0 auto}@media (min-width:768px){.app-shell{max-width:640px}h1{font-size:32px}h2{font-size:26px}button{width:auto;min-width:120px}table{font-size:15px}th,td{padding:10px 8px}.nav-links{flex-wrap:wrap;flex-direction:row!important;gap:4px!important}.nav-links a{min-height:auto!important;padding:8px 12px!important}}