body{color:#111;background:#f5f5f5;margin:0;font-family:Arial,sans-serif}.container{padding:20px}header{color:#fff;background:#111;border-radius:8px;justify-content:space-between;align-items:center;padding:15px;display:flex}nav button{color:#fff;cursor:pointer;background:#444;border:none;border-radius:4px;margin-left:10px;padding:8px 12px}nav button:hover{background:#666}main{background:#fff;border-radius:8px;margin-top:20px;padding:20px}.auth-card{max-width:420px;margin:60px auto 0}.auth-form{gap:14px;margin-top:16px;display:grid}.auth-form label{gap:6px;font-weight:600;display:grid}.auth-form input{border:1px solid #ccc;border-radius:6px;padding:10px 12px;font-size:14px}.auth-form button,.secondary{cursor:pointer;border:none;border-radius:6px;padding:10px 12px}.auth-form button{color:#fff;background:#111}.secondary{color:#111;background:#e8e8e8}.auth-actions{margin-top:12px}.muted{color:#666}.message{margin-top:14px}.subnav{gap:10px;margin-bottom:20px;display:flex}.subnav button{color:#fff;cursor:pointer;background:#444;border:none;border-radius:4px;padding:8px 12px}.subnav button:disabled{cursor:not-allowed;background:#bbb}.section-stack{gap:20px;display:grid}.panel{background:#fff;border-radius:8px;padding:20px}.data-form{gap:14px;max-width:520px;display:grid}.data-form label{gap:6px;font-weight:600;display:grid}.data-form input,.data-form select{border:1px solid #ccc;border-radius:6px;padding:10px 12px;font-size:14px}.data-form button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:6px;width:fit-content;padding:10px 14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;margin-top:12px}th,td{text-align:left;border-bottom:1px solid #ddd;padding:10px}th{background:#f2f2f2}