:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#f8fafc;font-family:Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select,input{font:inherit}#root{width:100%;min-height:100vh}main{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:1100px;margin:48px auto;padding:32px}h1{color:#111827;margin:0 0 32px;font-size:28px}table{border-collapse:collapse;text-align:left;width:100%;min-width:850px}th,td{white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:16px}th{background:#f9fafb;font-weight:600}select{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px}[role=alert]{color:#b91c1c}@media (width<=700px){main{margin:16px;padding:16px;overflow-x:auto}}.login-panel{max-width:440px}.login-panel h2{margin-bottom:24px;font-size:20px}.login-panel form{flex-direction:column;gap:12px;display:flex}.login-panel input{border:1px solid #d1d5db;border-radius:6px;padding:12px}button{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:10px 16px}button:disabled{opacity:.6;cursor:not-allowed}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (width<=700px){.dashboard-header{flex-direction:column;margin-bottom:24px}}main form{flex-wrap:wrap;align-items:center;display:flex}main form textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;flex:0 0 100%;min-height:80px;padding:10px}main form h2{flex:0 0 100%}@media (width<=700px){main{margin:8px;padding:12px}main form{gap:8px}main form input{box-sizing:border-box;max-width:100%}main form textarea{width:100%}table{min-width:0}thead{display:none}tbody,tr,td{display:block}tr{border:1px solid #d1d5db;border-radius:8px;margin-bottom:16px;padding:12px}td{white-space:normal;overflow-wrap:anywhere;align-items:center;gap:12px;padding:10px 0;display:flex}td:before{content:attr(data-label);flex:0 0 110px;font-weight:600}td input,td select{min-width:0;max-width:100%}main form input{flex:0 0 100%;width:100%}main form input[type=date]{flex:0 auto;width:auto}td:before{flex-basis:155px}}
